echarts怎么画横向区间柱状图

要画横向区间柱状图，可以使用Echarts中的自定义系列图表，具体步骤如下：
1. 首先需要引入Echarts库和相关的JS文件。
2. 创建一个div容器，用于显示图表。
3. 定义一个option对象，用于配置图表的各种属性，包括x轴、y轴、数据等。
4. 在option中定义一个自定义系列，type为'custom'，并在其中定义一个renderItem函数，用于绘制柱状图。
5. 在renderItem函数中，使用Echarts提供的API绘制横向区间柱状图，包括柱子的位置、大小、颜色等属性。
6. 最后将option对象传入Echarts的init方法中，即可显示横向区间柱状图。

具体代码实现可以参考以下范例：

// 引入Echarts库和相关JS文件
import echarts from 'echarts';
import 'echarts/lib/chart/custom';

// 创建一个div容器，用于显示图表
let chart = document.getElementById('chart');

// 定义一个option对象，用于配置图表的各种属性
let option = {
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  series: [{
    type: 'custom',
    renderItem: function(params, api) {
      // 绘制柱状图
      let yValue = api.value(2);
      let start = api.coord([api.value(0), yValue]);
      let end = api.coord([api.value(1), yValue]);
      let height = api.size([0, 1])[1] * 0.6;

      return {
        type: 'rect',
        shape: echarts.graphic.clipRectByRect({
          x: start[0],
          y: start[1] - height / 2,
          width: end[0] - start[0],
          height: height
        }, {
          x: params.coordSys.x,
          y: params.coordSys.y,
          width: params.coordSys.width,
          height: params.coordSys.height
        }),
        style: api.style({
          fill: echarts.color.lift(params.color),
          stroke: '#000'
        })
      };
    },
    data: [
      [10, 20, 0],
      [30, 40, 1],
      [50, 60, 2],
      [70, 80, 3],
      [90, 100, 4]
    ]
  }]
};

// 将option对象传入Echarts的init方法中，即可显示横向区间柱状图
let myChart = echarts.init(chart);
myChart.setOption(option);