显示列范围高图的yAxsis数据

时间:2014-08-19 18:23:25

标签: javascript jquery highcharts

我有一个列范围高图。它工作正常,但它没有在yAxsis上显示时间,但工具提示确实如此。它是json格式(工具提示时间)。

任何帮助都要欣赏..

我的yAxsis看起来像这样

yAxis: {

  type: 'timepicker',
  labels: {
    formatter: function () { //1262334143000
      return Highcharts.dateFormat('%H:%M %p', this.value);
    }
  },

  title: {
     text: 'Y Sside New'
  }
},

{j}有this.value日期。

Here is the jsfiddle

1 个答案:

答案 0 :(得分:1)

它以%H:%M:%P(在您的JSFiddle中)显示时间,即小时,分钟和上午/下午。

为什么这一切都说00:00:am?因为Highcharts已经确定蜱之间最合理的间距是一些确切的天数,所有都是从午夜开始。要查看它们并非完全相同,您可以在格式化程序中添加日,月,年或类似内容。如果需要,您也可以手动控制刻度线间距。请参阅tickInterval in the API和类似的yAxis选项。

您的格式化程序在选中时不会选择,只显示它们显示的文本。要检查这一点,你可以这样做:

yAxis: {
    type: 'datetime',
    labels: {
        formatter: function () {
            return Highcharts.dateFormat('%e. %b %H:%M:%P', this.value);
        }
    },
    title: {
        text: 'Y Sside New'
    }
}

其中添加了月份和月份名称的日期,您可以看到它们不同。

请参阅this JSFiddle demonstration