echarts中的柱状图多个label

在 echarts 中，可以使用 series-label 插件来实现柱状图的多个 label。具体步骤如下：

1. 引入 series-label 插件：

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.2/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.2/extension/dataTool.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.2/extension/bmap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.2/extension/series-label.min.js"></script>

2. 在 option 中配置 series-label：

option = {
  ...
  series: [
    {
      name: "销售额",
      type: "bar",
      data: [120, 200, 150, 80, 70],
      label: {
        show: true,
        position: "top",
      },
    },
    {
      name: "利润",
      type: "bar",
      data: [50, 80, 60, 30, 20],
      label: {
        show: true,
        position: "inside",
        formatter: function (params) {
          return params.value + "元";
        },
      },
    },
  ],
  ...
  seriesLabel: {
    show: true,
    emphasis: {
      show: true,
    },
    color: "#000",
    fontFamily: "Arial",
    fontSize: 14,
  },
};

在上述代码中，我们在每个 series 中都配置了 label，用来显示每个柱状图的数值。其中第二个 series 的 label 的 position 设置为 "inside"，用来在柱状图内部显示数值，并且通过 formatter 函数来将数值转化为带有单位的字符串。

然后，在 option 的最后，我们配置了 seriesLabel，用来设置所有柱状图的 label 的公共样式，包括 show、emphasis、color、fontFamily 和 fontSize 等属性。

通过上述配置，我们就可以在 echarts 的柱状图中实现多个 label 的显示了。