echarts柱状图 主子由细到粗

ECharts是一款流行的JavaScript图表库，它支持创建各种类型的图表，包括柱状图。在柱状图中，如果想要主子系列从细到粗排列，也就是子系列的数据量随着父系列的变化而动态调整，通常是在堆积柱状图（Stacked Column Chart）中实现的。

堆积柱状图的特点是可以显示数据之间的累加关系，每一根柱子代表一个细分的值，总和即为其所在组别的总和。例如，如果你有一个销售数据，包含总销售额和各个产品线的贡献，你可以设置主系列展示总体销售额，子系列分别表示每个产品线的销售额。通过堆叠功能，你可以看到每个产品线对整体销售的影响程度，子柱越宽，说明该产品线的销售份额越大。

要实现这种效果，在ECharts配置项中，你需要设置`series`数组，其中包含主系列和子系列，然后在子系列的`stack`属性中指定它属于哪个堆栈。例如：

option = {
    xAxis: {},
    yAxis: {},
    series: [
        { // 主系列
            name: '总计',
            type: 'bar',
            stack: '总量'
        },
        { // 子系列1
            name: '产品A',
            type: 'bar',
            stack: '总量',
            data: [数值1, 数值2, ...]
        },
        { // 子系列2
            name: '产品B',
            type: 'bar',
            stack: '总量',
            data: [数值3, 数值4, ...]
        }
    ]
};

在这个例子中，`stack: '总量'`确保了所有子系列都基于相同的堆栈，形成从细到粗的效果。