echarts中的markLine属性

在 ECharts 中，markLine 是一种标记线（标线）的类型，用于在图表中表示一些特殊的数据、阈值或参考线。markLine 可以用于折线图、散点图、柱状图、饼图等多种图表类型，用于分隔不同的数据区域，标记数据趋势、平均值、最大值/最小值等等。

markLine 属性用于设置标记线的样式和数据，可以设置多个 markLine，每个 markLine 可以包含多个标记线。

常用的 markLine 属性有：

- type：标记线类型，支持直线（'line'）、平行于 x 轴的水平线（'horizontal'）和平行于 y 轴的竖直线（'vertical'）三种类型。
- data：标记线的数据，支持数组格式，每个数组项包含 name 和 value 两个属性，分别表示标记线的名称和值。
- symbol：标记线的图形类型，支持多种类型的图形，如圆形（'circle'）、矩形（'rect'）等。
- lineStyle：标记线的线条样式，如颜色、宽度、类型等。
- label：标记线的文本标签，用于显示标记线的名称，可设置文本颜色、字体大小、位置等属性。

例如，在一个折线图中，我们可以使用 markLine 来标记一条平均值线，代码如下：

option = {
  // ... 其他配置项
  series: [{
    type: 'line',
    data: [120, 200, 150, 80, 70, 110, 130],
    markLine: {
      data: [{
        name: '平均值',
        yAxis: 120 // 平均值的 y 坐标
      }],
      lineStyle: {
        color: '#f00' // 标记线的颜色
      },
      label: {
        show: true, // 显示标记线的文本标签
        position: 'insideEndTop', // 标签位置，可以设置为 left/right/top/bottom 等
        formatter: '{b}: {c}' // 标签文本格式化函数，b 表示标记线的名称，c 表示标记线的值
      }
    }
  }]
};

以上代码中，我们设置了一个 markLine，用于标记折线图中的平均值，其中 data 属性中传入平均值的 y 坐标，lineStyle 属性中设置了标记线的颜色为红色，label 属性中设置了文本标签的位置和文本格式化函数。