当图表不断变化时,如何锁定reCharts LineChart工具提示?

时间:2019-06-18 07:26:14

标签: javascript tooltip real-time linechart recharts

我正在使用ReCharts,ReactJS创建实时图表。 当我将鼠标悬停在该行上时,将打开工具提示,但是当图表从服务器接收到越来越多的数据时,该行将开始向左移动,并且该工具提示将关闭。

我的问题是如何通过不移动鼠标来保持工具提示打开?

<LineChart width={500} height={300} data={data_list} margin={{top: 5, right: 30, left: 20, bottom: 5}}>
   <CartesianGrid strokeDasharray="3 3" />
   <XAxis dataKey="name" allowDataOverflow={true} tickFormatter={formatXAxis}/>
   <YAxis domain={["auto", "auto"]} scale="linear" padding={{ top: 10, bottom: 10 }}/>
   <Tooltip/>
   <Legend />
   <Line type="monotone" dataKey="tubingPressure" strokeOpacity=".5" stroke="#8884d8" activeDot={{ r: 8 }} hide={false} dot={false}/>
</LineChart>

0 个答案:

没有答案