vue3+ts+echarts实现点击柱状图高亮或者是改变颜色？

柱状图的点击事件获取点击的柱子的对应参数（如x轴名字，y轴数值等）

myChart.on('click',function(params){
    this.checkName = params.name
}

然后重新加载柱状图

myChart.on('click',function(params){
    this.checkName = params.name;
     myChart.setOption(option);
}

判断选中的名字改变柱子的颜色样式, 配置文件

 series : [
                {
                    type:'bar',
                    barWidth:40,//宽度
                    data:levelsum,
                    itemStyle: {
                           normal: {
                              label:{show:true},
                              color: function (params){
                              //判断选中的名字改变柱子的颜色样式
                                  if(this.checkName  === params.name){
                                      return '#2f4554';
                                  }else {
                                      return '#c23531';
                                  }
                         }
                      }
                    },
                }
            ]