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

admin

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


用echarts 绑定了一组数据 出现了柱状图，如何点击柱子 跳转到响应的页面呢？
只需要 在这个方法里面加上几句代码就行：

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

1. // option 是绑定的数据源
   
2. function refresh(isBtnRefresh) {
   
3. 
   
4.     if (myChart && myChart.dispose) {
   
5.         myChart.dispose();
   
6.     }
   
7.     myChart = echarts.init(domMain);
   
8.     window.onresize = myChart.resize;
   
9.     myChart.setOption(option, true);
   
10.     var ecConfig = require('echarts/config');
    
11.     function eConsole(param) {
    
12.         switch (param.dataIndex) {
    
13.             case 0:    //柱子1
    
14.                 window.location.href = "url1";
    
15.                 break;
    
16.             case 1:  //柱子2
    
17.                 window.location.href = "url2";
    
18.                 break;
    
19.             case 2:  //柱子3
    
20.                 window.location.href = "url3";
    
21.                 break;
    
22.             default:
    
23.                 break;
    
24.                
    
25.         }
    
26. 
    
27. 
    
28.     }
    
29. 
    
30.     myChart.on("click", eConsole);
    
31.     domMessage.innerHTML = '';
    
32. }

复制代码

官方例子：http://echarts.baidu.com/echarts2/doc/example/event.html