admin 发表于 2017-10-26 21:55:52

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

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 = "url1";
                break;
            case 1://柱子2
                window.location.href = "url2";
                break;
            case 2://柱子3
                window.location.href = "url3";
                break;
            default:
                break;
               
      }


    }

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

官方例子:http://echarts.baidu.com/echarts2/doc/example/event.html
页: [1]
查看完整版本: echarts 柱状图 如何添加点击事件