Есть ли способ изменить заполнение ячейки в гистограмме при наведении? - Recharts - PullRequest
0 голосов
/ 09 октября 2019

В настоящее время я отображаю график следующим образом:

<BarChart width={868} height={40} data={data}
                    margin={{top:0, bottom: 10, left:0, right:0}} barSize={5}>
            <Tooltip
              labelStyle={{ textAlign: 'left' }}
               cursor={{fill: "blue"}}
      position={{ x: this.state.mouseX - 20, y:-5 }}
            />
            <Bar dataKey="blocks"
                 onMouseOver={e => this.getMouseX(e)} >
              {
                data.map((entry, index) => {

                  const result = entry.result >  4  ?  TRASH : NO_TRASH;
                  return <Cell fill={result} key={index}/>;
                })
              }
            </Bar>
          </BarChart>

Есть ли способ изменить цвет ячейки / бара, а не курсор при наведении курсора на панель?

1 Ответ

0 голосов
/ 09 октября 2019

Я использовал этот пример и изменил onClick на событие onMouseOver. Работает нормально.

...