(Highcharts)x轴日期格式与工具提示的日期格式不匹配

时间:2014-08-19 07:18:43

标签: javascript highcharts

我的小提琴:http://jsfiddle.net/edgecutioner/hmhpqux9/1/

var datagroup = [];
for (var i = 0; i < 6; i++) {
    datagroup.push([Date.UTC(2014,  i, 27), 5]);
}
$('#container').highcharts({
...
    series: [{
        name: 'Winter 2007-2008',
        data: datagroup
    }]
});

您可以看到x轴上的月份比工具提示中的月份多1个月。

如果我像这样设置我的数据: http://forum.highcharts.com/viewtopic.php?f=9&t=7665 日期是匹配的,但如果我动态地设置数据,则不会。

这是一个Highchart错误吗?感谢。

1 个答案:

答案 0 :(得分:1)

这不是错误。我认为这里的误解是因为您在column轴上使用datetime图表。 x轴标签显示每个月的开始(1。feb)。工具提示显示列的日期(27. jan)。

x轴上的标签放在那里,以便在每个月开始时轻松显示。它们并不关心数据放置的位置(与linearcategory轴不同,标签通常直接位于您的数据之下)。

您已在每个月的27日添加了积分。由于您使用column,这意味着每列的中心是该日期。但你的列有宽度!这意味着他们从前几天到第27天后的几天(看看每个专栏如何结束到下个月)。这与line图表不同,其中每个点仅代表一次。列的工具提示仅显示您使用(中心值)创建该列的日期,而不是开始日期和结束日期。