【问题标题】:Highcharts datetime axis labels according to data point groups根据数据点组的 Highcharts 日期时间轴标签
【发布时间】:2013-05-30 19:57:16
【问题描述】:

是否可以在日期时间 xAxis 上添加与 dataGrouping 对应的标签? 例如我有dataGrouping 这样数据被分组为天/周/月/年:

dataGrouping : {
  groupPixelWidth: 250,
  units : [
    ['day', [1]], ['week', [1]], ['month', [1]], ['year', [1]]
  ]
}

http://jsfiddle.net/CHR7F/2/

highcharts api 中有很多选项,但似乎没有人能达到与 dataGrouping 相同的结果。

最有希望的是:

xAxis: {
   labels: {
       step: 1
   }
}

但在数据按月分组时,刻度之间仍有两周。

【问题讨论】:

    标签: datetime highcharts axis-labels


    【解决方案1】:

    我找到了tickPositioner 的解决方案。它仍然是一种解决方法,但至少它有效。

    xAxis: {
      tickPositioner: function(){
        ticks = this.series[0].processedXData;
        ticks.info = this.series[0].currentDataGrouping;
        return ticks;
      }
    }
    

    http://jsfiddle.net/CHR7F/3/

    【讨论】:

      【解决方案2】:

      在与设置units 相同的级别上,您可以设置datetimeLebelFormats,请参阅:http://api.highcharts.com/highstock#plotOptions.area.dataGrouping.dateTimeLabelFormats

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-11
      相关资源
      最近更新 更多