混合数据的Highcharts数据分组

iovurdzv  于 2023-01-02  发布在  Highcharts
关注(0)|答案(1)|浏览(174)

我准备了一张混合股票数据的高股价图,其中包括:

  • 近4000个日点数(每天一个)
  • 上个月的2500个日内点数(每15分钟一个点数)
  • 当前日期的6000点(每隔几秒)

这样的场景允许您查看历史数据,并放大到详细的最近数据。
下面是我的例子:https://jsfiddle.net/6rwbs3cj/3/,它具有以下绘图选项和数据分组

plotOptions: {
  ohlc: {
    turboThreshold: 0,
    color: '#00cc00',
    upColor: 'red'
  },
  series: {
    dataGrouping: {
      units: [
        [
          'second',
          [1]
        ],
        [
          'minute',
          [1, 5, 15]
        ],
        [
          'hour',
          [1, 4]
        ],
        [
          'day',
          [1]
        ],
        [
          'week',
          [1]
        ],
        [
          'month',
          [1, 3, 6]
        ],
        [
          'year',
          null
        ]
      ]
    }
  }
},

一旦打开它使用4h分组,它看起来非常压扁。

如果使用导航器取出一点当前数据,它会将分组更改为每月分组,图表变得可读。

如果我使用1年缩放(范围选择器中的1y按钮),也会发生类似的情况-在过去12个月的数据中,它使用5分钟的数据分组,并且非常拥挤。

在导航器上向左移动一点(取出一些最近的数据)后,自动分组变为1h

在导航器上向左移动一点,分组将更改为每日

是否有一种方法可以使自动化数据分组着眼于整体数据,而不是数据中最详细的部分?

6rvt4ljy

6rvt4ljy1#

dataGrouping.forced开启时,无论间隔有多小,它都会自动调整点之间的距离。
也可以设置dataGrouping.groupPixelWidth近似像素宽度。

dataGrouping: {
    forced: true,
    groupPixelWidth: 50,
  }

Demo

相关问题