在 ECharts 中,你可以使用 markPoint 和 markLine 来标注折线图。以下是折线图中标注的一些常见配置:

标注点(markPoint):

使用 markPoint 可以在折线图上标注特定的点,如最大值、最小值等。
option = {
    series: [
        {
            type: 'line',
            data: [10, 20, 30, 40, 50],
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'},
                    {coord: [2, 30], name: '特定点'}
                ]
            },
            // 其他配置...
        }
    ]
    // 其他配置项...
};

上述示例中,markPoint 的 data 数组中包含了需要标注的点,其中 type 表示标注点的类型,可以是 'max'、'min',也可以通过 coord 直接指定坐标。

标注线(markLine):

使用 markLine 可以在折线图上标注特定的线段,如平均值线等。
option = {
    series: [
        {
            type: 'line',
            data: [10, 20, 30, 40, 50],
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            },
            // 其他配置...
        }
    ]
    // 其他配置项...
};

上述示例中,markLine 的 data 数组中包含了需要标注的线段,其中 type 表示标注线的类型,可以是 'average'、'min',也可以通过 coord 直接指定线段的两个端点。

你可以根据具体的需求,调整 markPoint 和 markLine 的配置,以满足你的标注需求。


转载请注明出处:http://www.pingtaimeng.com/article/detail/5398/ECharts