Highcharts,多个分散系列日期不适用于堆叠

时间:2017-07-21 04:05:46

标签: highcharts

我有一个图表,其列范围为高&低日期和2个分散系列,其他日期为分数。如果我只有1个散射系列,一切正常,但是当我添加第二个。散射系列它搞砸了第一天的日期。系列。此外,如果我删除堆叠:'正常',那么一切正常。 我做错了还是这个错误?

这是我的js-fiddle显示问题。

{
    type: 'scatter',
    name: 'scatter 1',
    color: 'red',
    data: [new Date('2016-06-01').getTime(), new Date('2017-06-01').getTime(), new Date('2018-06-01').getTime()],
    marker: { radius: 5 }
}, {
    type: 'scatter',
    name: 'scatter 2',
    color: 'blue',
    data: [new Date('2014-03-01').getTime(), new Date('2015-03-01').getTime(), new Date('2016-03-01').getTime()],
    marker: { radius: 5 }
}

1 个答案:

答案 0 :(得分:0)

stacking: 'normal'放在系列中而不是plotOptions。这是因为它影响scatter类型

series: [
     {
      name: 'Office Manager',
      data: [{y: 0, low: new Date('2014-01-01').getTime(), high: new Date('2015-01-01').getTime()},
      {y: 0, low: new Date('2015-01-01').getTime(), high: new Date('2016-01-01').getTime()},
      {y: 0, low: new Date('2016-01-01').getTime(), high: new Date('2017-01-01').getTime()}],
      stacking: 'normal'
  },  {       
      name: 'CAD',
      data: [{y: 0, low: new Date('2015-01-01').getTime(), high: new Date('2016-01-01').getTime()},
      {y: 0, low: new Date('2016-01-01').getTime(), high: new Date('2017-01-01').getTime()},
      {y: 0, low: new Date('2017-01-01').getTime(), high: new Date('2018-01-01').getTime()}],
      stacking: 'normal'
  }, {
      name: 'STUFF',
      data: [{y: 0, low: new Date('2016-01-01').getTime(), high: new Date('2017-01-01').getTime()},
      {y: 0, low: new Date('2017-01-01').getTime(), high: new Date('2018-01-01').getTime()},
      {y: 0, low: new Date('2018-01-01').getTime(), high: new Date('2019-01-01').getTime()}],
      stacking: 'normal'
  },

    {
        type: 'scatter',
        name: 'scatter 1',
        color: 'red',
        data: [new Date('2016-06-01').getTime(), new Date('2017-06-01').getTime(), new Date('2018-06-01').getTime()],
        marker: { radius: 5 }
    }, {
        type: 'scatter',
        name: 'scatter 2',
        color: 'blue',
        data: [new Date('2014-03-01').getTime(), new Date('2015-03-01').getTime(), new Date('2016-03-01').getTime()],
        marker: { radius: 5 }
    }

    ]

Fiddle