我正在使用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>