HighCharts：Variwide 列堆积图

【问题标题】：HighCharts: Variwide Column Stacked ChartHighCharts：Variwide 列堆积图
【发布时间】：2019-10-02 19:35:48
【问题描述】：

是否可以让 Variwide Chart 像 Column Stacked Chart 一样堆叠？我想动态调整列的宽度，同时保持列并排。

总Test1：50

总Test2：65

总Test3：35

总Test4：80

在这种情况下，Test4 占 34%，Test2 占 28%，以此类推

【问题讨论】：

标签： javascript json highcharts

【解决方案1】：

您可以使用具有多个系列和不同colsize 属性的heatmap 图表类型。例如：

series: [{
    data: [
        [0, 0, 10],
        [0, 1, 19],
        [0, 2, 8],
        [0, 3, 24],
        [0, 4, 67]
    ],
    colsize: 1,
}, {
    data: [
        [0.75, 0, 10],
        [0.75, 1, 19],
        [0.75, 2, 8],
        [0.75, 3, 24],
        [0.75, 4, 67]
    ],
    colsize: 0.5
}, {
    data: [
        [1.5, 0, 10],
        [1.5, 1, 19],
        [1.5, 2, 8],
        [1.5, 3, 24],
        [1.5, 4, 67]
    ],
    colsize: 1
}]

现场演示： https://jsfiddle.net/BlackLabel/28ytbose/

API 参考： https://api.highcharts.com/highcharts/series.heatmap.colsize

【讨论】：