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

我现在已经用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