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对象的所有属性

image.png

var seriesModel = myChart.getModel().getSeriesByIndex(param.seriesIndex);

获取seriesModel,seriesModel的对象的所有属性