// 定义一个自定义的散点系列
echarts.extendSeriesModel({
    type: 'custom',
    seriesModel: ['echarts'],
    create: function (ecModel, api) {
        ecModel.eachSeriesByType('custom', function (seriesModel) {
            var coordSys = seriesModel.coordinateSystem;
            var group = new echarts.graphic.Group();

            // 获取数据
            var data = seriesModel.getData();

            data.each(['x', 'y'], function (value, idx) {
                var point = coordSys.dataToPoint([value, data.get('z', idx)]);
                var circle = new echarts.graphic.Circle({
                    shape: {
                        cx: point[0],
                        cy: point[1],
                        r: 5
                    },
                    style: {
                        fill: 'red'
                    },
                    onclick: function () {
                        // 点击事件处理
                        console.log('Clicked on point', value);
                    }
                });
                group.add(circle);
            });

            seriesModel.coordinateSystem = null;

            // 将自定义系列添加到绘图层
            api.getZr().add(group);
        });
    }
});

// 使用自定义系列创建图表
var option = {
    series: [{
        type: 'custom',
        data: [[1, 2, 3], [2, 3, 4], [3, 4, 5]], // 示例数据，每个数据点包含 x、y、z 三个值
        coordinateSystem: 'cartesian2d'
    }]
};

// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);