D3.js 使用D3笔刷进行缓慢过渡

D3.js 使用D3笔刷进行缓慢过渡,d3.js,transition,brush,D3.js,Transition,Brush,我正在尝试用D3.js显示财务图表。它汇集了我在各种示例中看到的一些特性,如宝林带和烛台。数据集大约有10000个点。您可以在这里看到结果和代码:嗯,也就是说。。。如果你有耐心的话 转换非常慢,以至于图形无法使用。如果我去掉烛台,它又可以用了 这可能是因为我在上下文改变后重新绘制图形的方式:我移除所有的烛台,然后重新绘制它们。 但我想不出其他办法。问题在于元素的数量太多。即使您将它们转换到适当的位置,也不会更快。如果要加快显示速度,则需要减少显示的元素数。使用画布而不是SVG是另一种选择。

我正在尝试用D3.js显示财务图表。它汇集了我在各种示例中看到的一些特性,如宝林带和烛台。数据集大约有10000个点。您可以在这里看到结果和代码:嗯,也就是说。。。如果你有耐心的话

转换非常慢,以至于图形无法使用。如果我去掉烛台,它又可以用了

这可能是因为我在上下文改变后重新绘制图形的方式:我移除所有的烛台,然后重新绘制它们。
但我想不出其他办法。

问题在于元素的数量太多。即使您将它们转换到适当的位置,也不会更快。如果要加快显示速度,则需要减少显示的元素数。使用画布而不是SVG是另一种选择。