d3.js - 删除或清除以前绘制的酒窝图

Question

如何删除或清除以前绘制的凹坑条形图。

我执行了以下操作以使用新数据重新绘制图表:chart.data = newData; chart.draw();

如果数据不为空，这将重绘。如果新数据为空，则之前绘制的图表将保留并且不会被删除。如何清除之前绘制的图表？

Answer 1

如果你想删除整个图表(形状和轴等等)，你可以这样做:

chart.svg.selectAll('*').remove();

如果您只是想删除条/线/形状并保持轴和图例完好无损，您可以这样做:

chart.series.forEach(function(series){
    series.shapes.remove();
});

我认为这实际上可能是与此相关的错误:https://github.com/PMSI-AlignAlytics/dimple/issues/29如果将 chart.data 设置为空数组，则清除旧系列。