时间戳

首页 > 解决方案 > 在具有自定义输出的 Highcharts 中使用柱形图类型？

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

问题描述

我正在使用带有 Angular 4 的 Highcharts 库。我想创建一个如下所示的图表：

在此处输入图像描述

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

https://jsfiddle.net/w1jwd1oz/

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

标签： javascripthighcharts

解决方案

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

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

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

推荐阅读