如何使用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與帆布密謀大圖的解決方案是要走的路。我使用SVG來渲染圖形。