ECharts怎么加标注

在 ECharts 里“加标注”通常有两种常见含义，我分别说明，你可以看哪个符合你的需求。

一、给图表加【标记点 / 标线 / 标注文字】（markPoint / markLine / markArea）

1️⃣ markPoint（突出某些点，如最大值、最小值）

series: [{
  type: 'line',
  data: [120, 200, 150, 80, 70, 110, 130],
  markPoint: {
    data: [
      { type: 'max', name: '最大值' },
      { type: 'min', name: '最小值' }
    ]
  }
}]

2️⃣ markLine（参考线，如平均值线）

markLine: {
  data: [
    { type: 'average', name: '平均值' }
  ]
}

3️⃣ markArea（区域标注）

markArea: {
  data: [
    [{ xAxis: '周一' }, { xAxis: '周三' }]
  ]
}

二、给图表加【文字说明 / 注释（annotation）】

ECharts 没有直接的 annotation 概念，但常用以下方式实现：

✅ 方式 1：使用 title（简单说明）

title: {
  text: '销售趋势说明',
  subtext: '数据来源：内部统计'
}

✅ 方式 2：使用 graphic（任意位置文字标注）

graphic: [{
  type: 'text',
  left: 'center',
  top: 20,
  style: {
    text: '这是重点说明',
    fontSize: 14,
    fill: '#f00'
  }
}]

✅ 方式 3：tooltip 中加说明

tooltip: {
  formatter: function (params) {
    return params.name + '<br/>数值：' + params.value + '<br/>（异常点）';
  }
}

三、常见场景示例（折线图加标注）

option = {
  xAxis: { type: 'category', data: ['Mon','Tue','Wed','Thu','Fri'] },
  yAxis: { type: 'value' },
  series: [{
    type: 'line',
    data: [120, 200, 150, 80, 70],
    markPoint: {
      data: [{ type: 'max' }]
    },
    markLine: {
      data: [{ type: 'average' }]
    }
  }]
};

如果你能告诉我：

• 用的是 折线图 / 柱状图 / 地图 / 散点图？
• 是想标注 某个点、某条线、还是整张图说明？

我可以直接给你 可复制的完整代码。