Charts 海图柱形图

我正在尝试使用Highcharts创建一个类似于下图的图形。很明显，第一列（100%）是所有其他列的总和。我想到的方法是在每一个单独的类别下面都有一个看不见的系列，让它们看起来凸起。唯一让我踌躇不前的是，我可能不得不处理30多个类别（可能在我们的应用程序中）。有没有更简单的方法可以达到同样的效果

我不能直接发布图片，因为我是新用户。对不起

---

对于柱状图，您可以为每个点指定

y

值和相应的

low

，以创建浮动列

series: [{
    data: [
               {y: 29.9, low: 20}, 
               {y: 50, low: 20}, 
               {y: 100, low: 50}
    ]
}]

---

.

我建议看一下“低”属性，如下所示：

---

您仍然需要对数据进行预处理以获得正确的y值和低值，但这似乎是可行的？

这似乎是个好主意。我会试一试，看看是否能达到预期的效果。谢谢你的快速帮助。

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'column'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr']
    },

    series: [{
        data: [{
            low: 1,
            y: 2
        }, {
            low: 2,
            y: 4  
        }, {
            low: 0,
            y: 4  
        }, {
            low: 4,
            y: 5  
        }]
    }]

});