Recharts отключить всплывающую подсказку для заданной строки c - PullRequest
Новая
       6

Recharts отключить всплывающую подсказку для заданной строки c

0 голосов
/ 11 марта 2020

У меня есть LineChart с N строками. Одна линия является фиксированной (прямая линия с фиксированным значением оси y и такими же значениями оси x, как и все другие линии, значением времени). В большинстве случаев есть только фиксированная линия и еще одна строка со значениями, которые меняются. Оба отображаются правильно, но когда я наведу на них курсор, во всплывающей подсказке отображаются данные для фиксированной линии. Мне нужно перестать отображать точку данных фиксированной линии внутри подсказки и начать показывать только данные другой линии (которые отображаются нормально, если на графике нет фиксированной линии).

Подсказка просто: 

<Tooltip
  contentStyle={{ fontSize: 12 }}
  labelStyle={{ fontSize: 12 }}
/>

Фиксированная строка: 

<Line
  key="fixed-key"
  isAnimationActive={false}
  dot={false}
  type="linear"
  dataKey="value"
  data={fixedData}
  connectNulls
  activeDot={false}
  legendType="rect"
  name="Threshold"
/>

, а линия Dynami c почти такая же, всего несколько дополнительных подпорок (возможно, стоит упомянуть, что эта строка получает данные из данные, передаваемые непосредственно в родительский компонент, LineChart: 

<Line
  key={`line-data-${id}`}
  isAnimationActive={false}
  dot={false}
  type="linear"
  dataKey={id}
  connectNulls
  stroke={lineColor || colorIndex[index]}
  activeDot={{ r: 5 }}
  legendType="rect"
  name={widgetLabel || formatLabel(metric)}
  strokeDasharray={lineType === 'dashed' ? '1 1' : null}
/>

Итак, повторимся - сама диаграмма работает нормально, единственной проблемой является компонент Tooltip, показывающий данные для первой строки, а не просто второй - не знаю, как это сделать, чтобы пропустить строку на экране всплывающей подсказки.

Возможно ли это в Recharts?

...