echarts横向展示柱状图

ECharts是一个强大的JavaScript图表库，可以方便地创建各种类型的图表，包括横向展示的柱状图。在ECharts中，你可以通过设置`orient`属性来改变柱状图的方向。对于横向柱状图（也称为堆积柱状图），你应该将`orient`值设为`'horizontal'`。下面是一个简单的例子：

var chart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    xAxis: { // x轴配置
        type: 'category', // 类型为分类轴
        data: ['A', 'B', 'C', 'D', 'E'] // 数据标签
    },
    yAxis: { // y轴配置，这里是横向的，所以是x轴
        type: 'value', // 类型为数值轴
        orient: 'horizontal' // 设置为水平方向
    },
    series: [
        {
            name: '销量',
            type: 'bar', // 柱状图
            stack: '总量', // 如果需要堆叠显示
            data: [5, 20, 36, 10, 10] // 每个类别对应的值
        }
    ]
};

chart.setOption(option);

在这个例子中，`stack`属性用于是否堆叠柱子，如果不需要堆叠，可以省略。