echarts 横坐标点击事件

zhangsanonly 发布于 2016/02/22 18:29
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:在echarts中,怎么能够在横坐标上携带一些参数,当点击横坐标时,能够获取这些参数。


 

比如说,我想点击"衬衫"这个坐标时,能够促发一个事件,获取到data-value的值。

怎么像这样类似的传递一些参数?

 

加载中
0
z
zhangsanonly
 // 路径配置
require.config({
    paths: {
        echarts: './js/echarts'
    }
});
      
// 使用
require(
    [
        'echarts',
        'echartsart/bar', //柱状图
        'echartsart/pie' //饼图
    ],
    function (ec) {
            // 基于准备好的dom,初始化echarts图表
            var myChart = ec.init(document.getElementById('main')); 
            
            var option = {
                tooltip: {
                    show: true
                },
                legend: {
                    data:['销量']
                },
                dataZoom : {
                    show : true,
//                    realtime : true,
//                    start :0,
//                    end : 10
                },
                xAxis : [
                    {
                        type : 'category',
                        data : ["上地小区", "育新小区", "回龙观小区"]
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                series : [
                    {
                        "name":"销量",
                        "type":"bar",
                        "data":[5, 20, 16]
                    }
                ]
            };
    
            // 为echarts对象加载数据 
            myChart.setOption(option); 
            
            myChart.on("click", function (param) {
             var hz = param;
             console.log(param); // 这里输出的信息见截图
            })
        }
);







现在的问题是:怎么各个小区对应的ID 放到横坐标里面, 在第一个截图里面,没有ID的信息 
返回顶部
顶部