Echarts折线图如何添加标记点

在 ECharts 中，为折线图添加标记点可以通过设置 series 中的 markPoint 属性来实现。下面是一个简单的示例：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        markPoint: {
            data: [
                {type: 'max', name: '最大值'},
                {type: 'min', name: '最小值'}
            ]
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在这个示例中，我们为折线图添加了两个标记点，一个是最大值，一个是最大值。markPoint 的 data 属性接受一个数组，数组中的每个对象表示一个标记点。type 属性表示标记点的类型，可以是 ‘max’（最大值）、‘min’（最小值）或其他自定义类型。name 属性表示标记点的名称，可以在提示框中显示。

你可以根据需要自定义标记点的样式、位置等属性。更多关于 markPoint 的详细信息和配置选项，请参考 ECharts 官方文档：https://echarts.apache.org/zh/option.html#series-line.markPoint