echarts柱状图顶部圆形

要在 Echarts 柱状图顶部添加圆形，可以使用 Echarts 的自定义系列（custom series）功能。具体步骤如下：

1. 在 Echarts 的 option 中添加一个自定义系列（custom series），并设置 type 为 'custom'。
2. 在自定义系列中添加一个渲染函数（render item），用于绘制圆形。
3. 在渲染函数中，获取柱状图的位置信息，计算出圆形的位置和大小，并使用 canvas API 绘制圆形。

以下是一个示例代码：

option = {
  // 其他配置项...
  series: [{
    type: 'bar',
    // 数据...
  }, {
    type: 'custom',
    renderItem: function(params, api) {
      // 获取柱状图的位置信息
      var x = api.coord([api.value(0), api.value(1)])[0];
      var y = api.coord([api.value(0), api.value(1)])[1];
      var width = api.size([1, 0])[0] * 0.8;
      var height = 10;
      // 计算圆形的位置和大小
      var cx = x + width / 2;
      var cy = y - height / 2;
      var r = Math.min(width, height) / 2;
      // 使用 canvas API 绘制圆形
      var shape = new echarts.graphic.Circle({
        shape: {
          cx: cx,
          cy: cy,
          r: r
        },
        style: {
          fill: '#fff',
          stroke: '#000'
        }
      });
      return shape;
    },
    // 数据...
  }]
};