echart中 的标签内容自定义

在 ECharts 中，可以通过设置 series 中的 label 属性来控制标签的内容和样式。具体来说，可以使用以下属性进行标签内容的自定义：

- `show`: 控制标签的显示与隐藏。
- `position`: 控制标签的位置，可以是内部或者外部。
- `formatter`: 格式化标签的内容，支持字符串模板和回调函数两种方式。
- `color`: 控制标签的颜色。
- `fontSize`: 控制标签的字体大小。
- `fontWeight`: 控制标签的字体粗细。

下面是一个示例代码，展示了如何通过设置 label 属性来自定义柱状图的标签内容：

option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D'],
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      data: [10, 20, 30, 40],
      type: 'bar',
      label: {
        show: true,
        position: 'top',
        formatter: '{c}%',
        color: '#333',
        fontSize: 14,
        fontWeight: 'bold',
      },
    },
  ],
};

在这个示例中，我们将标签的位置设置为顶部，使用了字符串模板来格式化标签内容，将标签的颜色设置为 #333，将标签的字体大小设置为 14px，将标签的字体粗细设置为粗体。具体来说，`{c}` 表示数据值，`%` 表示百分号。因此，最终的标签内容将会是数据值加上百分号。