echarts折线图上做标记

在ECharts中创建折线图并添加标记通常涉及到两个关键步骤：数据配置和标记点的添加。首先，你需要确保你的数据已经按照ECharts的要求格式化，并且包含了时间轴。接下来，你可以使用`markPoint`功能来添加标记。

以下是基本步骤：

1. **初始化图表**: 首先在HTML中引入ECharts库，然后创建一个ECharts实例，给它分配一个容器ID。

<canvas id="main"></canvas>

2. **数据准备**: 准备包含X轴时间和Y轴数值的数据数组。

var data = [
    { time: '2022-01', value: 10 },
    { time: '2022-02', value: 15 },
    // ...
];

3. **配置项**: 在JavaScript中，创建ECharts的配置项，包括系列、标记点等。

var option = {
    title: {
        text: '折线图示例'
    },
    xAxis: {
        type: 'category',
        data: data.map(item => item.time) // 时间轴数据
    },
    yAxis: {},
    series: [{
        name: '值',
        type: 'line',
        data: data.map(item => item.value) // Y轴数值数据
    }],
    markPoint: {
        data: [{ name: '标记点', coord: ['2022-02', 15] }] // 指定标记的位置
    }
};

4. **渲染图表**: 使用`echarts.init()`和`echarts.setOption()`方法来初始化图表并设置配置。

var chart = echarts.init(document.getElementById('main'));
chart.setOption(option);

**相关问题--:**
1. ECharts如何自定义标记点的样式？
2. 如何通过事件处理程序响应标记点的点击？
3. 折线图上的标记点如何动态更新数据？