echarts单击事件

最新推荐文章于 2024-08-13 19:09:24 发布

卡布奇诺OO

最新推荐文章于 2024-08-13 19:09:24 发布

阅读量881

点赞数

分类专栏： web前端文章标签： jquery

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

(2014-04-25 17:20:18)

转载▼

分类：记录

我现在已经用echarts 绑定了一组数据出现了这样的一个图

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

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

//这个是数据绑定的方法
// option 是绑定的数据源
function refresh(isBtnRefresh) {

if (myChart&& myChart.dispose) {
myChart.dispose();
}
myChart =echarts.init(domMain);
window.onresize = myChart.resize;
myChart.setOption(option, true);
varecConfig = require('echarts/config');
    functioneConsole(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(ecConfig.EVENT.CLICK, eConsole);
domMessage.innerHTML = '';
}