是否可以使用 Highcharts 创建多个条形图？ [已关闭]

Question

是否可以在 Highcharts 中创建这样的图表？它是几个彼此相邻但具有相同 y 轴的条形图。每个条形图代表一组不同的数据，但它们与同一垂直轴对齐，可以轻松比较两个数据集之间的值。

请看下图作为参考。

图片：https://i.sstatic.net/IY7r9tpW.png

Answer 1

是的，这是可能的。

为此，我们需要将图表分为 5 个部分。图表的每一部分都会有一个 y 轴和一个系列。

为了获得这种效果，我们需要将所有 yAxes 的宽度设置为 20%，然后每个后续轴应再移动 20%。我们将使用 left 属性来完成此操作。所以，第一个 yAxis: left: 0%，width: 20%，第二个 yAxis: left: 20%，width: 20%，依此类推。

API参考：

https://api.highcharts.com/highcharts/yAxis.left

https://api.highcharts.com/highcharts/yAxis.width

演示：

https://jsfiddle.net/BlackLabel/x1b320nt/

yAxis: [{
 width: '20%',
 visible: false,
}, {
 left: '20%',
 visible: false,
 width: '20%'
}, {
 left: '40%',
 visible: false,
 width: '20%'
}, [...]]