ECharts 如何禁止高亮?
尝试过legendHoverLink:false 不起作用
暂时发现的解决方法:
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事件进行处理。
使用这个可以禁止高亮 而且不会影响地图的点击事件
myChart.on("mouseover", function (params){
myChart.dispatchAction({
type: 'downplay'
});
});
不知道这个属性能不能满足要求,他把所有的鼠标触发时间都取消掉了
http://echarts.baidu.com/opti...