eacharts renderItem 创建的矩形添加文字标签

要在 `eacharts` 中的矩形上添加文字标签，可以使用 `echarts.graphic.Text` 类。以下是一个示例：

option = {
  // ... 其他配置项
  series: [{
    type: 'custom',
    renderItem: function(params, api) {
      // 绘制矩形
      var rectShape = api.rect({
        shape: {
          x: api.value(0),
          y: api.value(1),
          width: api.value(2),
          height: api.value(3)
        },
        style: {
          fill: 'blue'
        }
      });

      // 添加文字标签
      var label = new echarts.graphic.Text({
        position: [api.value(0) + api.value(2) / 2, api.value(1) + api.value(3) / 2],
        style: {
          text: '标签',
          fill: 'white',
          fontSize: 14,
          fontWeight: 'bold',
          textAlign: 'center',
          textVerticalAlign: 'middle'
        }
      });

      // 返回图形元素列表
      return [rectShape, label];
    },
    // ... 其他系列配置项
  }]
};

在上面的代码中，我们在 `renderItem` 方法中绘制了一个蓝色矩形，并在矩形中心添加了一个白色的文字标签。要添加文字标签，我们创建了一个 `echarts.graphic.Text` 实例，并设置其位置和样式。最后，我们将矩形和标签都返回到 `renderItem` 方法中，从而使它们都被绘制出来。