echarts横向的一个百分比柱状图

ECharts是一个强大的数据可视化库，可以创建各种图表，包括横向百分比柱状图（也称为堆积条形图）。在ECharts中，你可以使用`bar`类型的图表，并设置`stack`属性为`true`来创建横向的百分比柱状图。以下是一个简单的例子：

option = {
    tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        type: 'category',
        data: ['Category1', 'Category2', 'Category3']
    },
    yAxis: {
        type: 'value',
        splitLine: {show: false}, // 隐藏y轴刻度线，使比例更清晰
        name: '百分比',
        min: 0,
        max: 100
    },
    series: [
        {
            name: 'Series1',
            type: 'bar',
            stack: '总量', // 设置堆叠层
            data: [40, 60, 20]
        },
        {
            name: 'Series2',
            type: 'bar',
            stack: '总量',
            data: [30, 70, 30]
        }
    ],
    seriesBarGap: '5%', // 设置条形之间的间隙，使百分比更直观
    seriesLabel: {
        position: 'insideRight' // 将标签位置设置到柱子右侧
    }
};

在这个示例中，`series`数组中的每个对象代表一个系列，`stack`属性用于指定它们将如何被堆叠。你可以调整`data`数组的值以显示不同类别下的百分比。