vue echarts 标记点

Vue Echarts 中可以通过设置系列的`markPoint`属性来添加标记点，具体步骤如下：

1. 在组件中引入 ECharts：

<template>
  <div>
    <v-chart :options="echartsOptions"></v-chart>
  </div>
</template>

<script>
import VChart from 'vue-echarts'

export default {
  components: {
    VChart
  },
  data() {
    return {
      echartsOptions: {
        // ECharts 配置项
      }
    }
  }
}
</script>

2. 在 ECharts 配置项中设置系列的`markPoint`属性：

this.echartsOptions = {
  // 系列配置
  series: [
    {
      type: 'line',
      data: [10, 20, 30, 40, 50],
      markPoint: {
        // 标记点配置
        data: [
          { type: 'max', name: '最大值' },
          { type: 'min', name: '最小值' }
        ]
      }
    }
  ]
}

在上面的例子中，我们通过`type: 'line'`指定了系列类型为折线图，然后通过`data`设置了系列的数据。接着，在`markPoint`属性中设置了两个标记点，分别是最大值和最小值。可以看到，每个标记点都是一个对象，其中`type`属性指定了标记点的类型，`name`属性指定了标记点的名称。

3. 通过样式设置标记点的样式：

this.echartsOptions = {
  // 系列配置
  series: [
    {
      type: 'line',
      data: [10, 20, 30, 40, 50],
      markPoint: {
        // 标记点配置
        data: [
          { type: 'max', name: '最大值', itemStyle: { color: 'red' } },
          { type: 'min', name: '最小值', itemStyle: { color: 'green' } }
        ]
      }
    }
  ]
}

在上面的例子中，我们通过`itemStyle`属性设置了标记点的样式。可以看到，每个标记点都是一个对象，其中`type`属性指定了标记点的类型，`name`属性指定了标记点的名称，`itemStyle`属性指定了标记点的样式。在`itemStyle`属性中，我们可以设置标记点的颜色、大小、形状等样式属性。

以上就是在 Vue Echarts 中添加标记点的基本步骤，可以根据实际需求进行调整和扩展。