echarts 折线面积堆叠图 点击事件 获取点击部分的名称和数据

ECharts是一个强大的JavaScript图表库，支持各种类型的可视化，包括折线面积堆叠图。如果你想在折线面积堆叠图上添加点击事件，并获取用户点击部分的名称和数据，你可以按照以下步骤操作：

1. 首先，在ECharts配置项中，设置`series`里的每个`data`元素对应一个区域的数据，同时开启点击事件处理：

option = {
    series: [{
        name: '系列名称',
        type: 'area', // 使用area类型
        stack: 'stackName', // 堆栈名
        data: [...], // 区域数据
        itemStyle: { // 设置点击样式
            normal: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        },
        onclick: function (params) { // 点击事件回调函数
            var name = params.name; // 系列名称
            var value = params.data; // 点击部分的数据
            console.log('点击了：', name, value);
        }
    }]
};

2. 当用户点击图形时，`onclick`函数会被触发，其中`params`对象包含了关于被点击的部分的信息。