Highcharts - 工具提示中的错误日期

时间:2013-05-08 16:44:53

标签: highcharts

小提琴 - http://jsfiddle.net/z8fw7/

当我将鼠标悬停在列上时,我可以看到这个奇怪的大数字,它来自哪里。

如果我再添加一个日期条目。 e.g

    [Date.UTC(2010,2,31), 28.84], 
    [Date.UTC(2011,2,31), 28.84], 
    [Date.UTC(2012,2,31), 32.65]

然后,工具提示会按预期显示正确的年份值。它可以完美地使用3个数据值,而不能使用2个数据值。如何确保它甚至可以处理2个数据值。

2 个答案:

答案 0 :(得分:3)

使用pointFormat时,看起来是Highcharts中有2个数据点的错误。我建议使用更可自定义的formatter函数。

因此,在配置tooltip的选项中,请使用:

tooltip: {
    formatter: function() {
        var date = new Date(this.x);
        var year = date.getFullYear();
        return year + '<br/>' + '<span style="color:'+this.series.color+'">'+ this.series.name +'</span>: '+ this.y + '%';
     },
}

适用于2个数据点或3等。请参阅:http://jsfiddle.net/UqbKQ/

答案 1 :(得分:0)

您看到的值是x轴数据点的时间戳。

这种格式化(或缺乏格式化)对我来说似乎是个错误......

除了使用formatter功能完全自定义工具提示显示外,我没有看到明显的答案。