Question

echarts 柱状图 点击任一个柱子弹出一个页面，有没有demo？

Answer 1

为echarts柱状图添加单击事件

var ecConfig = require('echarts/config');
function eConsole(param) {
    var mes = '【' + param.type + '】';
    if (typeof param.seriesIndex != 'undefined') {
        mes += '  seriesIndex : ' + param.seriesIndex;
        mes += '  dataIndex : ' + param.dataIndex;
    }
    if (param.type == 'hover') {
        window.location.href = "http://www.baidu.com";    }
    else {
        window.location.href = "http://www.baidu.com";
    }
    console.log(param);
}

myChart.on(ecConfig.EVENT.CLICK, eConsole);

此外param参数包含的内容有：

param.seriesIndex：系列序号（series中当前图形是第几个图形第几个，从0开始计数）

param.dataIndex：数值序列（X轴上当前点是第几个点，从0开始计数）

param.seriesName：legend名称

param.name：X轴值

param.data：Y轴值

param.value：Y轴值

param.type：点击事件均为click

根据以上属性可以自由调整，根据点击事件取得想要的值。

具体的demo:http://echarts.baidu.com/echarts2/doc/example/event.html