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

Question

图表在没有工具提示的情况下加载正常。调用工具提示（在路径上绘制圆圈 - 大约24000点）组件完全变慢。在渲染之前，旋转器会挂起大约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来渲染图形。