我正在使用Highstock创建折线图。但是,我发现一个问题,当日期范围小于特定天数时,会出现重复的x标签。我将格式化程序设置为只显示天数。示例如下:http://jsfiddle.net/ry4DQ/
labels: {
formatter: function() {
return Highcharts.dateFormat('%m/%d', this.value);
}
}
例如,当我将开始日期更改为2011-05-07时,您将在x轴上看到每天的两个标签。
有没有办法避免这个问题?
我尝试了setExtremes
事件,当日期范围小于某个值时,将tickInterval
设置为1天,它工作正常。但是,当图表的大小调整得更小时,标签文本会重叠。
任何帮助或信息是高度赞赏!
4条答案
按热度按时间x8goxv8g1#
标签重复,因为您将每个极值的标签定义为%m/%d。即,当您具有以下条件时:18:00 / 22:00(日期范围为2011-05-07),则格式化程序(%m%d)会重叠这些值。因此,结果是重复的。
tickInterval / minrange应定义为以毫秒为单位的时间,因此一天为24 * 3600 * 1000。
kzipqqlq2#
如果您从
xAsis.labels
中删除了formatter
,这个问题就会消失。但是您可能不喜欢这个日期格式。下面是the fiddle和屏幕截图:brjng4g33#
@sebastian-bochan的解决方案引导我走上了正确的道路:你仍然可以使用你的格式化程序(与@dan-dascalescu的答案相反),只是确保也将间隔设置为正确的毫秒数!
7uzetpgm4#
这对我很有效: