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