echarts横向胶囊柱状图

好的，关于echarts横向胶囊柱状图，你需要先准备好数据，然后使用echarts的option配置项进行设置。下面是一个简单的示例代码：

// 准备数据
var data = [
  { name: 'A', value: 100 },
  { name: 'B', value: 200 },
  { name: 'C', value: 300 },
  { name: 'D', value: 400 },
  { name: 'E', value: 500 }
];

// 设置option
var option = {
  xAxis: {
    type: 'value',
    show: false
  },
  yAxis: {
    type: 'category',
    data: data.map(item => item.name),
    axisTick: {
      show: false
    },
    axisLine: {
      show: false
    }
  },
  series: [
    {
      type: 'bar',
      data: data.map(item => item.value),
      barWidth: 20,
      itemStyle: {
        color: '#1890ff'
      }
    },
    {
      type: 'bar',
      data: data.map(item => item.value),
      barWidth: 20,
      itemStyle: {
        color: '#f0f2f5'
      }
    }
  ]
};

// 渲染图表
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

以上代码中，我们使用了两个bar系列来实现横向胶囊柱状图的效果。其中第一个系列的颜色为蓝色，第二个系列的颜色为灰色，通过设置两个系列的barWidth来控制柱子的宽度，从而实现胶囊的效果。