Javascript 是否有方法更改悬停条形图中单元格的填充雷查特
我当前呈现的图表如下所示:Javascript 是否有方法更改悬停条形图中单元格的填充雷查特,javascript,reactjs,d3.js,recharts,Javascript,Reactjs,D3.js,Recharts,我当前呈现的图表如下所示: <BarChart width={868} height={40} data={data} margin={{top:0, bottom: 10, left:0, right:0}} barSize={5}> <Tooltip labelStyle={{ textAlign: 'left' }} cursor={{fill: "b
<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>
有没有一种方法可以改变单元格/条的颜色,而不是鼠标悬停在条上?我使用了这种方法,并将onClick更改为onMouseOver事件。很好