是否可以绘制如下图所示的瀑布图？

Question

我需要绘制如下所示的瀑布图。在图表中，每一列都是一种类别，其值是通过添加子类型计算得出的。我们如何在底部显示子类型（例如：气体 1、气体 2），在顶部显示类别（如类别 3）。这在highcharts中可能吗？

Answer 1

您可以在类别中使用两个xAxis。例如：

xAxis: [{
  opposite: true,
  lineWidth: 0,
  categories: ['Start', 'Category1', 'Category2', 'Category3', 'Category4', 'Balance']
}, {
  linkedTo: 0,
  lineWidth: 0,
  categories: ['', 'Sub-Category 1', 'Liquid 1<br>Liquid 2', 'Gas 1<br>Gas 2', 'Solid 1', ''],
  labels: {
    rotation: 0,
    y: -10
  }
}]

---

现场演示： https://jsfiddle.net/BlackLabel/a9bzeqw4/1/

API 参考： https://api.highcharts.com/highcharts/xAxis.labels