react如何改变Echart条形图中Select Bar的颜色答案

【问题标题】：How to change the color of Select Bar in Echart barchart in reactreact如何改变Echart条形图中Select Bar的颜色
【发布时间】：2018-09-19 05:09:55
【问题描述】：

我在 REchart Barchart 中使用此条形图示例

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

我曾尝试使用 setOptions，但没有成功。

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

【问题讨论】：

该问题不适用于Highcharts库，请删除highcharts标签。
通过将选定的条形图存储在 var 中，然后为选定的条形图重新分配具有不同颜色的整个图表选项来解决问题

标签： reactjs echarts baidu

【解决方案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}
      />
    );
  }
}

【讨论】：

【解决方案2】：

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

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

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

【讨论】：