js 獲取echarts點選點的X軸和Y軸值
阿新 • • 發佈:2019-02-10
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);