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]