如何使用 React D3 快速绘制路径上的圆圈作为大型数据集的工具提示

Question

图表加载正常，没有工具提示。调用工具提示（在路径上绘制圆圈 - 大约 24000 点）组件完全变慢。 Spinner 在渲染之前挂起大约 12 秒。以下是渲染速度变慢的内部循环。关于如何在先渲染折线图之后（在后台）渲染此组件的任何想法。是否可以使用不同的方法来解决此问题？

    tooltip = data.points.map((series, id) => {
  return series.map((d,i) =>{
  return (
    <circle
       r={this.state.radius}
       cx={cx(d)}
       cy={cy(d)}
       >
       <cover
        x={tex}
        y={fab}
       />
     </circle>
  );
  })

Answer 1

我在这个enter link description here

中找到了解决方案

使用 D3 和 Canvas 绘制大图是可行的方法。我也在使用 SVG 来渲染图形。

如何使用 React D3 快速绘制路径上的圆圈作为大型数据集的工具提示

How to plot circles on path using React D3 for tooltip for large dataset fast

javascript

dataset

d3.js

reactjs