将echarts漏斗图的每一个梯形变成一个个的钜形

如果你想将 echarts 漏斗图的每一个梯形变成一个个的钜形，可以使用 echarts 的 "custom" 类型，自定义每个钜形的形状和位置。具体来说，你可以通过设置 "coordinateSystem" 属性为 "cartesian2d"，并在 "data" 中设置每个钜形的位置和大小，然后在 "series.custom" 中自定义每个钜形的形状。例如：

option = {
  // 其他配置项...
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'custom',
    coordinateSystem: 'cartesian2d',
    data: [[100, 10, 20], [80, 20, 30], [60, 30, 40]], // 设置每个钜形的位置和大小
    renderItem: function (params, api) {
      var x = api.value(0);
      var y = api.value(1);
      var width = api.value(2);
      var height = api.coord([width, y])[1] - api.coord([0, y])[1]; // 计算每个钜形的高度
      return {
        type: 'rect',
        shape: {
          x: x,
          y: y,
          width: width,
          height: height
        },
        style: api.style()
      };
    }
  }]
};

在上面的例子中，我们通过设置 "data" 为一个二维数组，每个数组元素表示一个钜形的位置和大小，例如 [100, 10, 20] 表示一个宽度为 20，位于 x 轴 100，y 轴 10 的钜形。然后在 "series.custom" 中使用 "renderItem" 函数自定义每个钜形的形状，通过计算每个钜形的高度来确定每个钜形的位置和大小。在这个例子中，我们使用了矩形形状，你也可以根据需要使用其他形状。