Question

我试图创建一个列范围图表，其中有几个类别显示一年中的间隔。这一切都很好，但是，我现在遇到的问题是，对于其中一个类别，我需要在同一行上有两个间隔。

因此，例如，在下面附带的小提琴中，每个类别都是从几个月到几个月。

例如：

类别1：Mar-＆gt; Jun

类别2：7月 - > 8月

等

但是现在我坚持这样：

分类3：Mar-＆gt; Jun，Sep-＆gt; Oct

这是小提琴： http://jsfiddle.net/t9rsf6n7/1/

series: [
                {
                    name: '',
                    color: '#795548',
                    data: [
                        {
            low:Date.UTC(2017,1,1),
            high:Date.UTC(2017,3,31),
            color:'#ffae3d'
          },
          {
            low:Date.UTC(2017,2,1),
            high:Date.UTC(2017,4,30),
            color:'#ff3d3d'
          }                     ]
                }
            ]

非常感谢任何帮助。

Answer 1

为每个数据点设置x值，对于类别3中的2个点，它们都具有相同的x值。

    series: [
    {
        name: '',
        color: '#795548',
        data: [
          {
            x:0,
            low:Date.UTC(2017,1,1),
            high:Date.UTC(2017,3,31),
            color:'#ffae3d'
          },
          {
            x:1,
            low:Date.UTC(2017,2,1),
            high:Date.UTC(2017,4,30),
            color:'#ff3d3d'
          },
                        {
            x:2,
            low:Date.UTC(2017,2,1),
            high:Date.UTC(2017,5,30),
            color:'#3d3dff'
          },
                        {
            x:2,
            low:Date.UTC(2017,8,1),
            high:Date.UTC(2017,9,30),
            color:'#3d3dff'
          },
        ]
    }]

http://jsfiddle.net/t9rsf6n7/2/

列范围图表中的多个区间Highcharts

1 个答案: