echarts点击事件api
2026-04-21 21:24:08
232
分类:echarts
当点击echarts图形的时候,可以获取图形的所有属性,值,绝对位置等信息。
let option = {
xAxis: {},
yAxis: {},
series: [{
symbolSize: 20,
data: [[10.0, 8.04], [8.0, 6.95], [13.0, 7.58], [9.0, 8.81], [11.0, 8.33], [14.0, 9.96], [6.0, 7.24], [4.0, 4.26], [12.0, 10.84], [7.0, 4.82], [5.0, 5.68]],
type: 'scatter'
}]
};
let myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);
let zr = myChart.getZr();
myChart.on('click', function (param) {
var seriesModel = myChart.getModel().getSeriesByIndex(param.seriesIndex);
var data = seriesModel.getData();
var coordSys = seriesModel.coordinateSystem;
var color = data.getItemVisual(param.dataIndex, 'color');
var symbolSize = data.getItemVisual(param.dataIndex, 'symbolSize');
var pt1 = coordSys.dataToPoint(param.value);
});param对象的所有属性

var seriesModel = myChart.getModel().getSeriesByIndex(param.seriesIndex);
获取seriesModel,seriesModel的对象的所有属性