Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将HighCharts数据组设置为范围/时间范围?_Javascript_Highcharts_Highstock - Fatal编程技术网

Javascript 如何将HighCharts数据组设置为范围/时间范围?

Javascript 如何将HighCharts数据组设置为范围/时间范围?,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我可以很容易地在HighCharts/Stocks中应用堆叠柱形图的数据分组。我很好奇,将分组应用于特定年份的方法应该是什么 例如,我有时间序列数据,希望数据按月分组,但20世纪80年代的所有年份除外,我希望每年分组一次 如果我有时间,我将尝试创建一个样本数据集,我目前迷失在方法的杂草中,在文档中找不到帮助 例如,如果数据在多个系列中被分割,如果是,那么如何将其注入到其他数据点的中间(仍然希望80个出现在70个月和90个月数据之间)?由于柱是堆叠的,这就更加复杂了 如果你能跟上,干杯。如果你能帮

我可以很容易地在HighCharts/Stocks中应用堆叠柱形图的数据分组。我很好奇,将分组应用于特定年份的方法应该是什么

例如,我有时间序列数据,希望数据按月分组,但20世纪80年代的所有年份除外,我希望每年分组一次

如果我有时间,我将尝试创建一个样本数据集,我目前迷失在方法的杂草中,在文档中找不到帮助

例如,如果数据在多个系列中被分割,如果是,那么如何将其注入到其他数据点的中间(仍然希望80个出现在70个月和90个月数据之间)?由于柱是堆叠的,这就更加复杂了

如果你能跟上,干杯。如果你能帮我一把的话,那就来一轮吧;)

可能的解决方案:

  • 将数据分组到
    Highstock
    之外。演示:

  • 创建另一个系列,以便可以强制进行两个不同的数据分组。演示:


  • 感谢您提供的解决方案,我还没有机会阅读它或与您进行跟进(出现了许多其他事情),但我想与您联系,让您知道这并不是白费力气,我很感激由于情有可原的情况,项目被推迟,所以我不知道什么时候我有时间来评估你在这里展示的东西。因为这是唯一的答案,而且小提琴上显示了两组不同的组别,所以我可以选择接受它,并在时机成熟时以新问题的形式提出后续问题。
    plotOptions: {
        column: {
          grouping: false
        }
      },
      series: [{
        type: 'column',
        data: getData(1970, 1979).concat(getData(1990, 1999)),
        dataGrouping: {
          forced: true,
          units: [
            ['month', [1]]
          ]
        },
        color: '#66f'
      }, {
        type: 'column',
        data: getData(1980, 1989),
        dataGrouping: {
          forced: true,
          units: [
            ['year', [1]]
          ]
        },
        color: '#f66'
      }]