您的位置:首页 > 其它

echarts 柱状图 如何添加点击事件

2017-05-06 12:43 591 查看
我现在已经用echarts 绑定了一组数据 出现了这样的一个图

如何点击柱子 跳转到响应的页面呢?

只需要 在这个方法里面加上几句代码就行:

//这个是数据绑定的方法

// option 是绑定的数据源
function refresh(isBtnRefresh) {

if (myChart && myChart.dispose) {
myChart.dispose();
}
myChart = echarts.init(domMain);
window.onresize = myChart.resize;
myChart.setOption(option, true);
var ecConfig = require('echarts/config');
function eConsole(param) {
switch (param.dataIndex) {
case 0:    //柱子1
window.location.href = "http://blog.sina.com.cn/eul";
break;
case 1:  //柱子2
window.location.href = "http://www.dacai.com/desc/4778";
break;
case 2:  //柱子3
window.location.href = "http://www.dacai.com/desc/4778";
break;
default:
break;

}

}

myChart.on("click", eConsole);
domMessage.innerHTML = '';
}


这样就可以实现了。

转自:http://blog.sina.com.cn/s/blog_7b7f85560101mbkk.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息