带有带有响应可见的多线系列图的工具提示

问题描述

我已经绘制了多个折线图并启用了工具提示。当我这样做时，它给了我最后一个情节的价值。如何同时获得多个线系列的Crosshair值。

以下是参考代码：

const [tooltip,setTooltip] = useState([])
return (
  <XYPlot
    xType='time'
    height={500}
    width={2000}
    margin={{ left: 80,right: 200,bottom: 100,top: 20 }}
    onMouseLeave={() => setTooltip([])}
  >
    <VerticalGridLines />
    <HorizontalGridLines />
    {series.map((entry,idx) => {
      const id = `${entry.title}`
      return (
        <Lineseries
          key={id}
          strokeWidth={1}
          data={entry.data}
          onNearestX={(d) => setTooltip([ d ])}
        />
      )
    })}
    <Crosshair values={tooltip} />
    <XAxis
      tickFormat={(d) => d.toLocaleDateString('default',{ month: 'short' })}
      tickValues={selectedDates}
    />
    <YAxis />
  </XYPlot>
)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）