1. 程式人生 > >js 獲取echarts點選點的X軸和Y軸值

js 獲取echarts點選點的X軸和Y軸值


      function (ec) {
                var line = ec.init(document.getElementById('lineChart')); 
                var option = {
                    tooltip: {
                        show: true
                    },
                    legend: {
                        data:['銷量']
                    },
                    xAxis : [
                        {
                            type : 'category',
                            data : ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            "name":"蘋果銷售量",
                            "type":"line",
                            "data":[8956, 2025, 3640, 5610, 8910, 5720, 3467, 9023, 8367, 5342, 6754, 8753]
                        }
                    ]
                };
                line.setOption(option); 
            }

      點選事件:
        function queryXY(param){
                //seriesIndex:系列序號,dataIndex:數值序列,seriesName:legend名稱,name:X軸值,data和value都代表Y軸值
                var seriesIndex = param.seriesIndex;
                var dataIndex = param.dataIndex;
                var seriesName = param.seriesName;
                var name = param.name;
                var data = param.data;
                var value = param.value;
                console.dir(param);
                var str = "seriesIndex:"+seriesIndex+"****"+"dataIndex:"+dataIndex+"****"+"seriesName:"+seriesName+"****"+
                         "name:"+name+"****"+"data:"+data+"****"+"value:"+value;
                alert(str);
         }
         line.on(config.EVENT.CLICK,queryXY);