Highcharts 将图表呈现为columnrange类型

我有下面的图表，我想将工作时间间隔呈现为columnrange，并将图表靠近X轴

在下面的代码中使用这部分代码

chart: {
    spacingTop: 0,
    paddingTop: 0,
    zoomType: 'x',

},

我得到以下图表：

---

但是我没有得到正确的结果。

将您的代码放到小提琴中，我可以看到没有绘制任何内容：

看看你的数据，原因显而易见。您已将数据设置为：

{
  x: 1483358580000,
  y: 1
}

但是

columnrange

系列类型需要

low

和

high

的数据元素，并带有可选/推断的

x

值

此外，对于

x

，您的点具有

null

值，这对Highcharts不起作用-必须始终存在

x

值，无论是设置值还是推断值

这也是不必要的-需要使用

null

点来打断

行

序列，因为行是连续的；

columnrange

类型已内置中断

最后，你把你的

x

和

y

搞混了-因为你正在反转图表，轴交换位置-

x

是垂直轴，

y

是水平轴

如果您的值是时间，如上面的

1483358580000

中所示，则需要指定两个时间戳-一个用于开始，一个用于每个条形段的结束

Highcharts演示中的示例：

    data: [
        [-9.7, 9.4],
        [-8.7, 6.5],
        [-3.5, 9.4],
        [-1.4, 19.9],
        [0.0, 22.6],
        [2.9, 29.5],
        [9.2, 30.7],
        [7.3, 26.5],
        [4.4, 18.0],
        [-3.1, 11.4],
        [-5.2, 10.4],
        [-13.5, 9.8]
    ]

（在本例中，

x

值由数据点的顺序决定，不需要显式设置。在您的情况下，您需要指定

x

值，因为您希望它们都在同一行上）

演示小提琴：

{{EDIT}

以您的图表为基础，这里是一个更新版本

代码（基于您的数据，为演示而编辑）

小提琴：

{{再次编辑评论}}

为了减少系列之间的空间，您有多种选择

1） 降低图表的高度

2） 增加你的酒吧的宽度

1/2）两者都做

3） 如果需要系列的一侧而不是另一侧，请使用轴最小/最大和最小填充/最大填充设置

选项一，即兴演奏：

备选方案三：

---

问题是什么？“正确的结果”是什么？您在哪些方面出错了？@jlbriggs:我如何才能将chartsclose带到xAxis并从Generated中删除值以及Highcharts.com？请看一下我添加的JSFIDDLE，在下面的回答中看到最新的更新，以影响系列和axis之间的空间

xAxis: {
  categories: ['', 'Woring time'],
  title: {
    text: null
  },
  gridLineWidth: 0
},
yAxis: {
    type: 'datetime'
    },
series: [{
  data: [
            [1,1483337940000,1483337950000],
            [1,1483337970000,1483337990000],
            [1,1483338000000,1483338010000],
            [1,1483338030000,1483338070000]
        ]
}]