在具有自定义输出的 Highcharts 中使用柱形图类型？答案

【问题标题】：Using columnrange chart type in Highcharts with custom output?在具有自定义输出的 Highcharts 中使用柱形图类型？
【发布时间】：2018-05-02 04:36:38
【问题描述】：

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

对于上面的图表，我使用的是 columnrange 类型的图表。以下是我为此尝试过的链接：

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

【问题讨论】：

在屏幕截图中，GHRM、DEA、MBM、HR Scanner、Qualtrics 是应用程序名称，在 x 轴中我们显示应用程序的发布日期
请告诉我是否可以通过在 highcharts 中使用任何其他类型的图表来实现
下面是工作网址：jsfiddle.net/w1jwd1oz
请阅读Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - 总结是这不是解决志愿者的理想方式，并且可能会适得其反。请不要将此添加到您的问题中。

【解决方案1】：

希望这能回答您正在寻找的内容：https://jsfiddle.net/w1jwd1oz/1/

你基本上需要定义一个 240px 的高度来实现你想要的，否则它将使用默认高度。

&lt;div id="container" style="height: 240px; min-width: 310px; margin: 0 auto"&gt;&lt;/div&gt;

【讨论】：

感谢 PKA，如果高度为 240 像素，这将起作用。我很想知道，这种类型的要求是否还有其他属性。我尝试过“groupPadding”属性，但它不起作用。在我的情况下，图表高度超过 300 像素。
我可以通过设置移除范围之间的白色边框：borderWidth: 0 , shadow: false
没问题！据我所知。你能更新小提琴，让我知道你在说什么吗？
没问题，我可以通过提供固定高度来减少它。
感谢 PKA，我能够通过您建议的解决方案在我的情况下达到所需的结果。工作 URL：jsfiddle.net/72dfgLvd