Highcharts 高级图表工具提示位置问题

Highcharts 高级图表工具提示位置问题,highcharts,Highcharts,我开发了一个高图表,但是工具提示位置有问题。 它似乎不能正常刷新。当我拿鼠标时,它要么卡住了,要么显示了我放鼠标的前一点的工具提示。我不确定我是否做错了什么 Here is a fiddle for you to playaround. http://jsfiddle.net/Mn6sB/ $(function () { $('#container').highcharts({ chart: { renderTo: 'ch

我开发了一个高图表,但是工具提示位置有问题。 它似乎不能正常刷新。当我拿鼠标时,它要么卡住了,要么显示了我放鼠标的前一点的工具提示。我不确定我是否做错了什么

Here is a fiddle for you to playaround.
http://jsfiddle.net/Mn6sB/

$(function () {
        $('#container').highcharts({
            chart: {
                renderTo: 'chartContainer',
                type: 'spline'
            },
            title: {
                text: 'Pass rate statistics'
            },
            subtitle: {
                text: 'Pass count per xxx'
            },
            xAxis: {
                type: 'datetime',
                minTickInterval: 24 * 3600 * 1000,
                dateTimeLabelFormats: { // don't display the dummy year
                    month: '%e. %b',
                    year: '%b'
                }
            },
            yAxis: {
                title: {
                    text: 'PassCount'
                },
                min: 0
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name +'</b><br/> Pass Count: '+ this.y;
                }
            },

            series: [{name: 'dev', data:[[Date.UTC(2013,9,25),12],[Date.UTC(2013,9,24),41],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,19),10],[Date.UTC(2013,9,18),22],[Date.UTC(2013,9,17),12],[Date.UTC(2013,9,16),16],[Date.UTC(2013,9,15),11],[Date.UTC(2013,9,14),4],[Date.UTC(2013,9,13),25],[Date.UTC(2013,9,12),11],[Date.UTC(2013,9,11),20],[Date.UTC(2013,9,10),16],[Date.UTC(2013,9,9),7],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,5),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,3),22],[Date.UTC(2013,9,2),13],[Date.UTC(2013,8,31),7],[Date.UTC(2013,8,30),12],[Date.UTC(2013,8,29),12],[Date.UTC(2013,8,28),5],[Date.UTC(2013,8,27),23],[Date.UTC(2013,8,26),2],]},{name: 'test', data:[[Date.UTC(2013,9,25),24],[Date.UTC(2013,9,24),4],[Date.UTC(2013,9,21),16],[Date.UTC(2013,9,20),41],[Date.UTC(2013,9,19),42],[Date.UTC(2013,9,18),42],[Date.UTC(2013,9,17),4],[Date.UTC(2013,9,16),3],[Date.UTC(2013,9,15),3],[Date.UTC(2013,9,14),3],[Date.UTC(2013,9,13),3],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,11),3],[Date.UTC(2013,9,9),3],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,6),10],[Date.UTC(2013,9,1),3],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,28),10],]},{name: 'intermediate', data:[[Date.UTC(2013,9,25),1],[Date.UTC(2013,9,24),1],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,21),2],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,19),1],[Date.UTC(2013,9,18),1],[Date.UTC(2013,9,17),1],[Date.UTC(2013,9,16),1],[Date.UTC(2013,9,15),1],[Date.UTC(2013,9,13),1],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,11),1],[Date.UTC(2013,9,10),1],[Date.UTC(2013,9,9),1],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,3),1],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),2],[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,27),2],]},{name: 'main', data:[[Date.UTC(2013,9,25),1],[Date.UTC(2013,9,24),1],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,21),1],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,19),1],[Date.UTC(2013,9,18),1],[Date.UTC(2013,9,17),1],[Date.UTC(2013,9,16),1],[Date.UTC(2013,9,14),1],[Date.UTC(2013,9,13),1],[Date.UTC(2013,9,12),1],[Date.UTC(2013,9,11),1],[Date.UTC(2013,9,10),1],[Date.UTC(2013,9,9),1],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,6),1],[Date.UTC(2013,9,5),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,3),1],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,8,31),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,27),2],]},{name: 'test_th', data:[[Date.UTC(2013,9,24),4],[Date.UTC(2013,9,1),3],]},{name: 'intermediate_dev', data:[[Date.UTC(2013,9,21),1],[Date.UTC(2013,9,13),1],]},{name: 'rel', data:[[Date.UTC(2013,9,15),1],]},{name: 'staging', data:[[Date.UTC(2013,9,6),1],[Date.UTC(2013,8,30),1],]},{name: 'fun', data:[[Date.UTC(2013,9,5),1],[Date.UTC(2013,8,28),2],]},]
        });
    });
这里有一把小提琴供你玩玩。
http://jsfiddle.net/Mn6sB/
$(函数(){
$(“#容器”)。高图({
图表:{
renderTo:“chartContainer”,
类型:“样条线”
},
标题:{
文本:“通过率统计”
},
副标题:{
文本:“每xxx通过次数”
},
xAxis:{
键入:“日期时间”,
minTickInterval:24*3600*1000,
dateTimeLabelFormats:{//不显示虚拟年份
月份:'%e.%b',
年份:'%b'
}
},
亚克斯:{
标题:{
文本:“PassCount”
},
最低:0
},
工具提示:{
格式化程序:函数(){
返回'+this.series.name+'
通过计数:'+this.y; } }, 系列:[{名称:'dev',数据:[[Date.UTC(2013,9,25),12],[Date.UTC(2013,9,24),41],[Date.UTC(2013,9,23),1],[Date.UTC(2013,9,22),1],[Date.UTC(2013,9,20),1],[Date.UTC(2013,9,19),10],[Date.UTC(2013,9,18),22],[Date.UTC(2013,9,17),12],[Date.UTC(2013,9,16],[Date.UTC(2013,9,16],[Date.UTC(2013,9,15),11],[Date.14],[Date.UTC(2013,9,11],[Date.UTC(2013,9,11),20],[Date.UTC(2013,9,10),16],[Date.UTC(2013,9,9),7],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,5),1],[Date.UTC(2013,9,4),1],[Date.UTC(2013,9,3),22],[Date.UTC(2013,9,2),13],[Date.UTC(2013,8,31],[Date.UTC(2013,8,30),12],[Date.UTC(2013,8,29],[Date.UTC(2013,8,8],[Date.UTC(2013,8],[Date.UTC)27],[Date,{名称:'测试',数据:[日期.UTC(2013,9,25),24],[日期.UTC(2013,9,24),4],[日期.UTC(2013,9,21),16],[日期.UTC(2013,9,20),41],[日期.UTC(2013,9,19),42],[日期.UTC(2013,9,18),42],[日期.UTC(2013,9,17),4],[日期.UTC(2013,9,16),3],[日期.UTC(2013,9,15),3],[日期.UTC(2013,9,14),3],[日期.UTC(2013,9,12],[日期],[日期](2013,9,9),3],[Date.UTC(2013,9,8),1],[Date.UTC(2013,9,7),1],[Date.UTC(2013,9,6),10],[Date.UTC(2013,9,1),3],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,28),10],]1、[日期.UTC(2013,9,18,18)、1、[日期.UTC(2013年9,13,9,18)、1、[日期.UTC(2013年9,9,17),1、[日期.UTC(2013年9,17,13)1、[日期.UTC(2013年9,13,13,9,19,19,13),1、[日期.UTC(2013年9,13,18,18),1)、1)、1、[日期.UTC(2013年10,9,17,17),1)、1)、1)、1、1、[日期.UTC(2013年10(2013年9,17,17,17、1)、1)、1)、1)、1)、1)、1、1、[日期.日期.UTC(2013年10日(2013年9,10(2013年9,10日(2013年9,9,9,10日),1)、1)、1)、1)、1)、1)、1)、1)、1,(2013年10日(2013年10日(2013年10日(2013年10日],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),2],[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,27),2],]1、[日期.UTC(2013年9,13,9,18)(2013年9,9,18)、1、[日期.UTC(2013年9,13,9,18)(2013年9,9,18)、1、[日期.UTC(2013年9,9,13,18)、1、[日期.UTC(2013年9,13,9,18,18)1)、1、[日期.UTC(2013年9,13,13,14),1)、1、[日期.UTC(2013年9,14,14),1)、1)、1)、1、1、1、[日期.UTC(2013年10(2013年9,13,9,14,14),1)、1)、1)、1)、1)、1)、1)、1、1、1、[日期.日期.UTC(2013年10(2013年10日(2013年9,9,9,9,10(2013年9,9,8)、1)、1)、1)、1)、1)、1)、1)、1)、1)、1)、1)、1、(日期.UTC(2013年],[Date.UTC(2013,9,2),1],[Date.UTC(2013,9,1),1],[Date.UTC(2013,8,31),1],[Date.UTC(2013,8,30),1],[Date.UTC(2013,8,29),1],[Date.UTC(2013,8,28),2],[Date.UTC(2013,8,27),2],][[Date.UTC(2013,9,15),1],]},{name:'staging',数据:[[Date.UTC(2013,9,6),1],[Date.UTC(2013,8,30),1],]},{name:'fun',数据:[[Date.UTC(2013,9,5),1],[Date.UTC(2013,8,28),2],] }); });
我认为您所需要做的就是按照x值的升序对数据进行排序。这应该会对数据进行排序。

通过x的数据顺序是不正确的。您好,谢谢,这似乎对我有用。但我刚刚意识到另一个问题,您可能可以提供帮助。我的图表日期向后。这意味着从今天开始,它会向后。但在图表中,腿结束是向前的,这很奇怪。在Datew.UTC方法中,我将月份设为9,但月份仍显示为OCT.Hi。如果我的答案正确,请接受并向上投票,以便其他人知道。javascript中的月份从0开始,因此9是10月。