HighCharts.js中具有不等子组的堆叠柱状图

我正在尝试创建一个具有不等数量“子组”的堆叠柱形图

例如，给定以下数据：

Category#1 : [SubCategory1: 2, SubCategory2: 4, SubCategory3: 3], 
Category#2 : [SubCategory4: 5, SubCategory5: 3], 
Category#3 : [SubCategory6: 4, SubCategory7: 3, SubCategory8: 3, SubCategory9: 5]
...

我想创建一个柱状图，其中第一列由三个堆叠段组成，总高度为9， 第二列有两个段的堆栈，总高度为8， 第三列有四个部分，总高度为15

---

在使用HighCharts API进行了一段时间的工作并获得了良好的结果后，我相信我想要完成的可能是可行的，我可能只是缺少了一些选项组合或数据结构不正确。有人知道我需要做什么才能创建这样的图表吗？

有两种方法可以解决这个问题：

---

为系列中的每个点指定一个与类别索引相关的特定

x

索引

系列（）的示例：

这里我们跳过第二和第三类（索引1和索引2），因此它们将没有值

---

在序列中使用

null

值可跳过将其显示在类别中

系列（）的示例：

本系列还跳过了第二和第三类，如上面的一类

---

---

您的解决方案选择可能取决于最终得到的

null

值的数量。如果只是少数，那么这可能是最轻量级的解决方案。如果很多，那么使用具有

x

值的点对象可能更合适、更干净。

在数据中使用

null

值如何？@Ondkloss您能给我一个这样的例子吗？可能误解了您的情况，但有点像这样：@Ondkloss当所有列都不共享任何共同的子类别时，这似乎有点困难，因为您最终得到的系列大多为空值。这可能是可行的，但我希望在点数据配置方面做更多的工作。好的。像这样的？

series: [{
    name: 'John',
    data: [{x:0,y:5},{x:3,y:7},{x:4,y:2}]
}

series: [{
    name: 'John',
    data: [5, null, null, 7, 2]
}