ECharts 如何禁止高亮

ECharts 如何禁止高亮?

尝试过legendHoverLink:false 不起作用
图片描述

阅读 10k
5 个回答

暂时发现的解决方法:
1:如果echarts的js文件为压缩版本,在编辑器打开去掉t.on("mouseover",c).on("mouseout",d)这一行,如果js文件为非压缩版本,去掉这个即可el.on('mouseover', onElementMouseOver).on('mouseout', onElementMouseOut)。不过这样删除后所有图表的高亮都会消失。
2:把series.data里的itemStyle属性进行`{value:335, name:'直接访问',itemStyle:{normal:{color:'#222'},emphasis:{color:'#222'}}},

                {value:310, name:'邮件营销',itemStyle:{normal:{color:'#222'},emphasis:{color:'#222'}}},
                {value:234, name:'联盟广告',itemStyle:{normal:{color:'#333'},emphasis:{color:'#333'}}},
                {value:135, name:'视频广告',itemStyle:{normal:{color:'#444'},emphasis:{color:'#444'}}},
                {value:1548,name:'搜索引擎',itemStyle:{normal:{color:'#555'},emphasis:{color:'#555'}}}`,设置normal与emphasis的值一样就可以。

3:对图形的mouseover属性进行设置,即不删除源码里的mouseover事件,在js里对mouseover事件进行处理。

我发现把颜色格式改成RGBA格式的,高亮就不起作用了

新手上路,请多包涵

animation: false//和title同级

使用这个可以禁止高亮 而且不会影响地图的点击事件

myChart.on("mouseover", function (params){
        myChart.dispatchAction({
          type: 'downplay'
          });
      });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏