0

我有一个显示正确图表的图表（即输入正确）。

无论我是使用默认的工具提示行为还是为格式化创建自己的函数，都有一些我没有得到的奇怪行为。无论我将鼠标放在图表的哪个位置，工具提示的值总是相同的。

该图是正确的，我 100% 确定这些值不一样。下面是我用于图表设置的代码。

function graphUtilPing(utilGws) {
var options = {
    chart : {
        renderTo : 'ping_util',
        type : 'spline',
        width:'900'
    },
    series:[],
    title : {
        text : 'Utilisation'
    },
    xAxis : {
        type:'datetime',
        title : {
            text : 'Time of the day'
        }
    },
    yAxis : {
        title : {
            text : 'Percentage (%)',
        },
    },
    tooltip:{ 
    shared:false,
    formatter : 
        function() {
        var d = new Date(this.x);
        var hrs = d.getHours();
        var minutes = d.getMinutes();
        var seconds = d.getSeconds();
        var ds =  (hrs < 9 ? "0"+hrs : hrs) + ":" + (minutes < 9 ? "0"+minutes : minutes) + ":" + (seconds < 9 ? "0"+seconds : seconds);
            return '<b>' + this.series.name + '</b><br/>'
                + ds + ": " + this.point.y.toFixed(2) + '%';
    }
}
};
for (var key in utilGws) {
    var gw = utilGws[key];
    var gwUtilValues = gw[0];
    var gwMsTimes = gw[2];
    var chartObj = {
        name: key,
        data: array_combine(gwMsTimes, gwUtilValues)
    };
    options.series.push(chartObj);
}

chart = new Highcharts.Chart(options);
return chart;

}

我正在使用 Chrome，这个问题在 IE 上也可以重现。

即使不更改工具提示对象，我得到的行为也是一样的。

任何想法可能是什么问题？

更新：问题可重现的示例：http: //jsfiddle.net/Htj74/3/

4

1 回答 1

1

问题是您的数据时间是相反的。它来自05 Dec 2012 23:45:00于05 Dec 2012 00:00:00。应该05 Dec 2012 00:00:00是05 Dec 2012 23:45:00。

问题是arrayCombine。应该是以下。

function array_combine (a1, a2) {
    var data = [];
    for (var i = 0, length = a1.length; i < length ; i++) {
      data.push([ a1[i], a2[i] ]);
    }
    return data;
}

演示

于 2012-12-06T17:29:04.747 回答