echarts的label里面添加方块

要在 Echarts 的 label 中添加方块，可以使用 Echarts 提供的富文本标签功能。具体步骤如下：

1. 在 Echarts 的 label 中设置 `formatter` 属性为一个函数，这个函数将返回一个字符串，用于显示在 label 中。

2. 在返回的字符串中，使用富文本标签的语法，添加一个矩形元素，例如：

   formatter: function(params) {
     return '{rect| } ' + params.name;
   }

在这里，`{rect| }` 表示一个矩形元素，`|` 之后的空格是为了让矩形元素有一定的宽度。

3. 在 Echarts 的 `rich` 属性中定义这个矩形元素的样式，例如：

   rich: {
     rect: {
       backgroundColor: '#2f4554',
       borderRadius: 2,
       width: 10,
       height: 10,
       padding: [2, 2, 2, 2]
     }
   }

在这里，`rich` 属性中的 `rect` 属性定义了矩形元素的样式，包括背景颜色、圆角半径、宽度、高度和内边距。

完整的代码示例：

option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [10, 20, 30],
    type: 'bar',
    label: {
      show: true,
      position: 'top',
      formatter: function(params) {
        return '{rect| } ' + params.value;
      },
      rich: {
        rect: {
          backgroundColor: '#2f4554',
          borderRadius: 2,
          width: 10,
          height: 10,
          padding: [2, 2, 2, 2]
        }
      }
    }
  }]
};