在Highcharts中使用自定义输出的列范围图表类型？

Question

我正在使用Angular 4的Highcharts库。我想创建一个类似下面的图表：

对于上图，我使用的是列范围类型图表。以下是我为此尝试的链接：

https://jsfiddle.net/w1jwd1oz/

如何清除条形之间的间隙，使其看起来与屏幕截图中的相同？

Answer 1

希望这能满足您的需求：https://jsfiddle.net/w1jwd1oz/1/

您基本上需要定义240px的高度才能达到您想要的效果，否则它将使用默认高度。

<div id="container" style="height: 240px; min-width: 310px; margin: 0 auto"></div>