echarts如何让 选中的 图形和坐标轴 同时高亮？

Question

如图 选中三月之后 让三月的柱子和x轴中的'三月' 同时高亮

series 配置如下，仅能修改选中柱子的颜色
请教如何同时修改 x轴文字颜色

 series: [{
            name: '未定义',
            type: 'bar',  
            data: [20,20, 36, 10, 10, 2,5, 20, 36, 10, 10, 40],
            itemStyle: {   
                normal:{
                    color:'#2C9AFB'
                },
                emphasis:{
                    color:'#9EE734'
                }
            }
        }]

Answer 1

echarts v3以上支持 富文本标签:rich ;支持单个设置样式（背景图，颜色，宽高等）;
api:http://echarts.baidu.com/opti...
最近也在做这样的效果 可以参考下：

 yAxis: {
        type: 'category',
        data: ['批发和零售业','建筑业'...],
        
        ... 
        
        axisLabel: {
            formatter: function (value) {
              if(value=='批发和零售业'){
                return '{a|'+value+'}'
              }
              else{
               return '{b|'+value+'}'
              }
        },
        rich:{
          a:{
            color:'#f88234'
          },
          b:{
            color:'#3e434e'
          }
        },

Answer 2

请问大佬实现了点击柱状图的时候同时让对应的坐标轴的内容高亮了么？最近在需要实现这个效果，请大佬赐教

Answer 3

可通过设置 Echarts 的 mouseover 和 mouseout 监听事件来动态更新对应轴的 data 中的 textStyle 属性来实现效果。

博客：https://blog.csdn.net/qq_4154...
在线 Demo：https://www.makeapie.com/edit...