reactjs - react如何改变Echart条形图中Select Bar的颜色

Question

我在 R Echart Barchart中使用这个 BarChart 示例

我想在点击时更改选择栏的颜色。

我曾尝试使用 setOptions 但它不起作用。

请任何人都可以帮助更改单击特定栏的颜色。

Answer 1

单击事件项的示例：

class ChartContainer extends React.Component {
  constructor(props) {
    super(props);
    this.echarts_react = null;
    this.onEvents = {
      click: this.handleClick()
    };
  }

  handleClick = e => console.log("e>>>>>>>>>", e)

  render() {
    return (
      <ReactEcharts
        ref={e => {
          this.echarts_react = e;
        }}
        option={this.props.chartOption}
        style={{ height: '100%', width: '100%' }}
        onEvents={this.onEvents}
      />
    );
  }
}

Answer 2

没有任何链接没有帮助的示例代码或上下文，不幸的是，它的整个文档和小提琴都很糟糕，我认为它不是一个非常常见的图表提供程序。

如果您查看文档，尽管events.Mouse.events.click您应该能够挂钩并覆盖条形的 setOption{} 颜色，因为这就是发生的地方。

话虽如此，这里没什么可做的，如果您可以添加代码示例并且您尝试过的内容将会更有帮助。