首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Highcharts:更改timeUnit阈值

Highcharts:更改timeUnit阈值
EN

Stack Overflow用户
提问于 2018-11-28 00:26:14
回答 1查看 78关注 0票数 0

我正在寻找一种覆盖Highcharts.timeUnits的方法,它似乎是定义何时从一个单元跳到另一个单元的数组。(它不像源代码中的代码那么简单,但是...)

为什么?因为我的需求如下:

我有时序数据,15分钟前,3年了。我想要一个可缩放的柱状图(我在实践中使用高库存),其中我有一个给定缩放的每月1列,当我缩放更多时每周1列,然后是每天1列,小时1列,然后是15分钟1列

在这个想法中,我使用plotOptions.series.dataGrouping.units来定义这些参数:

代码语言:javascript
复制
    units: [
        [
            'minute',
            [15]
        ], [
            'day',
            [1]
        ], [
            'week',
            [1]
        ], [
            'month',
            [1]
        ], [
            'year',
            [1]
        ]
    ],

但是Highcharts使用自己的规则从一个单元跳到另一个单元,我发现这些规则不适合我的用例(我认为切换还太“早”)我可以通过修改groupPixelWidth来改变一些行为,但这是最后的手段,因为它的行为无论如何都很奇怪。

下面是一个例子。如果你点击不同的时间刻度,你会看到timeUnit选择通常是不恰当的。例如,选择week或跨度从2018年11月5日到2018年11月26日:您将获得按小时显示的数据,但数据将更具可读性,依此类推。

https://jsfiddle.net/f4wma38h/

EN

回答 1

Stack Overflow用户

发布于 2018-12-11 19:29:31

所以你在你的图表中寻找15分钟和1小时的放大,我说的对吗?

代码语言:javascript
复制
xAxis: {
  type: 'datetime',
  minRange: 15 * 60 * 1000
},
rangeSelector: {
buttons: [{
    type: 'minute',
    count: 15,
    text: '15m'
  }, {
    type: 'minute',
    count: 60,
    text: '1h'
  },.....

将xrange最小值设置为15 (以毫秒为单位),并在范围选择器中添加15m & 1h的按钮

jsfiddle:https://jsfiddle.net/karnan796/f4wma38h/11/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53504025

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档