Как заблокировать всплывающую подсказку ReCharts LineChart, когда график постоянно меняется? - PullRequest
Новая
       27

Как заблокировать всплывающую подсказку ReCharts LineChart, когда график постоянно меняется?

0 голосов
/ 18 июня 2019

Я создаю диаграмму в реальном времени, используя 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>
...