echarts markline 样式

Echarts `markLine` 的样式可以在 `markLine` 对象中的 `lineStyle` 属性中进行设置。具体方式如下：

1. 在 `markLine` 对象中添加 `lineStyle` 属性，用于设置水平线的样式。例如：

markLine: {
  data: [
    { type: 'average', name: '平均值' }
  ],
  lineStyle: {
    color: 'red',
    type: 'dashed',
    width: 2
  }
}

在上面的代码中，`lineStyle` 属性用于设置水平线的样式，其中：

- `color` 属性用于设置线条颜色。
- `type` 属性用于设置线条类型，可以是 `solid`（实线）、`dashed`（虚线）或 `dotted`（点线）。
- `width` 属性用于设置线条宽度。

2. 如果需要单独设置平均值线和自定义线的样式，可以在 `data` 数组中为每条水平线单独设置样式。例如：

markLine: {
  data: [
    { type: 'average', name: '平均值', lineStyle: { color: 'red' } },
    { yAxis: 100, name: '自定义线', lineStyle: { color: 'blue', type: 'dashed' } }
  ]
}

在上面的代码中，`lineStyle` 属性被嵌套在每个水平线的定义中，用于设置该水平线的样式。

3. 如果需要设置水平线的文本样式（例如字体、字号、颜色等），可以在 `label` 属性中进行设置。例如：

markLine: {
  data: [
    { type: 'average', name: '平均值', lineStyle: { color: 'red' }, label: { fontSize: 14, color: 'green' } },
    { yAxis: 100, name: '自定义线', lineStyle: { color: 'blue', type: 'dashed' } }
  ]
}

在上面的代码中，`label` 属性用于设置水平线的文本样式，例如设置 `fontSize` 属性可以改变文本字号，设置 `color` 属性可以改变文本颜色。

完整代码示例如下：

var myChart = echarts.init(document.getElementById('myChart'), 'light');

var option = {
  tooltip: {
    trigger: 'axis'
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Sales',
      type: 'line',
      data: [120, 200, 150, 80, 70, 110, 130],
      markLine: {
        data: [
          { type: 'average', name: '平均值', lineStyle: { color: 'red' }, label: { fontSize: 14, color: 'green' } },
          { yAxis: 100, name: '自定义线', lineStyle: { color: 'blue', type: 'dashed' } }
        ]
      }
    }
  ]
};

myChart.setOption(option);