如何使用React D3快速绘制大型数据集的工具提示

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

本文关键字：大型 数据集 工具提示 绘制 何使用 React D3      更新时间：2023-09-26

图表加载良好，没有工具提示。调用工具提示(在路径上绘制圆-大约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>
  );
  })

我已经找到了解决方案在这里输入链接描述

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

相关文章：