echarts 横向双向柱状图

ECharts是一个强大的数据可视化库，它支持多种图表类型，包括横向双向柱状图。横向双向柱状图，又称为堆积面积图，是一种用于比较两个系列的数据变化趋势的图表。在这种图表中，X轴通常表示时间或其他分类变量，Y轴有两个部分，上方柱状表示一个系列的数据，下方柱状表示另一个系列的数据，通过填充颜色区分，可以清晰地显示出两个系列数据之间的增减对比。

为了创建一个横向双向柱状图，你需要在ECharts的基本配置项中设置`type`为`bar`，然后调整`stack`属性来堆叠数据，以及`xAxis.type`为`category`确保X轴分类显示。例如：

var option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: [
        { // 上方柱状
            type: 'value',
            name: 'Series 1'
        },
        { // 下方柱状
            type: 'value',
            name: 'Series 2',
            opposite: true,
            stack: '总量' // 指定堆叠到同一个总量上
        }
    ],
    series: [
        {
            name: 'Series 1',
            type: 'bar',
            stack: '总量',
            data: [5, 20, 36, 10, 10]
        },
        {
            name: 'Series 2',
            type: 'bar',
            stack: '总量',
            data: [15, 10, 26, 40, 30]
        }
    ]
};