在使用日期缩放时更改x轴标签

时间:2012-11-27 16:34:52

标签: highcharts

我有一个包含许多数据的图表,更准确地说是白天存储的大量数据(这对用户来说看起来不太好,标签太多)。

更确切地说,数据以这种方式存储在DB上: 日期(格式为YYYY - MM - DD) - 数据。

我想做的是,使用带有x轴标签(例如)的默认缩放(包含大量数据)数周,但用户放大的一次会自动更改为天。

任何人都有一个想法我该怎么办?

也许这是一个好的开始:

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
        day: '%e of %b'   
    }
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    pointStart: Date.UTC(2010, 0, 1),
    pointInterval: 24 * 3600 * 1000 // one day
}]

在此处找到:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/datetimelabelformats/

修改

我想要展示的是,例如,当有一周“缩放”时和当用户放大(在天视图中)时存在准时值时的平均值。仅使用一个系列(因为此图表上有几个系列)。

1 个答案:

答案 0 :(得分:1)

我认为您最好的选择是在Highcharts网站上的time-series demo工作,因为它涵盖时间序列数据和可缩放数据,而不会使图标过多而使图表过载。

修改
为了回应提供的额外细节,我不认为highcharts旨在显示放大/缩小的不同数据。它只会按原样显示可用数据。

如果您希望能够在缩放时调整该数据的视图,我的建议是:

  • selection event添加一个监听器;
    • 创建一个新的临时系列,隐藏旧系列并显示新系列或;
    • 通过重新计算值
    • 来更改现有系列
  • 为平均数据设置单独的系列,并有办法在完整数据和平均数据之间切换。

这不是您正在寻找的答案,但我不相信还有其他方法可以实现您的目标。