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

Posted 2023-03-25

【中文标题】react如何改变Echart条形图中Select Bar的颜色

【英文标题】：How to change the color of Select Bar in Echart barchart in react

【发布时间】：2018-09-19 05:09:55

【问题描述】：

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

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

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

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

【问题讨论】：

该问题不适用于Highcharts库，请删除highcharts标签。

通过将选定的条形图存储在 var 中，然后为选定的条形图重新分配具有不同颜色的整个图表选项来解决问题

【参考方案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 颜色，因为这就是发生的地方。

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