Highcharts 当我按时间顺序排序数据点时,工具提示会中断

Highcharts 当我按时间顺序排序数据点时,工具提示会中断,highcharts,Highcharts,为了绘制传感器偏差测试的结果图表,我必须按时间顺序对数据点进行排序(测试返回数据点的顺序) 因此,数据点的顺序对工程师来说很重要。这张图表看起来和工程师们想要的一模一样。但是,按此顺序放置数据点似乎会破坏工具提示机制 我做错什么了吗?这是虫子吗?有没有办法画一张这样的图表,并且能够看到工具提示 这是我的图表 以下是我的图表代码: $(function () { var chart; $(document).ready(function() { chart = ne

为了绘制传感器偏差测试的结果图表,我必须按时间顺序对数据点进行排序(测试返回数据点的顺序)

因此,数据点的顺序对工程师来说很重要。这张图表看起来和工程师们想要的一模一样。但是,按此顺序放置数据点似乎会破坏工具提示机制

我做错什么了吗?这是虫子吗?有没有办法画一张这样的图表,并且能够看到工具提示

这是我的图表

以下是我的图表代码:

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'spline',
                width: 760,
                height: 628,
                style: {
                    margin: '0 auto'
                }
            },
            title: {
                text: 'Transducer Deviation (%FSO)'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                title: {
                    enabled: true,
                    text: 'PSIA'
                },
                showLastLabel: true,
                },
            yAxis: {
                max:.15,
                min:-.15,
                title: {
                    text: 'Temperature'
                },
                lineWidth: 2,
                tickInterval: 0.03,
                plotLines:[{
                    color: '#ff0000',
                    width: 2,
                    value: 0.1
                },{
                    color: '#ff0000',
                    width: 2,
                    value: -0.1
                }]
            },
            legend: {
                enabled: true
            },

            tooltip: {
                formatter: function() {
                    return ''+
                        "<b>"+this.series.name + ":</b> " + this.x +'°, '+ this.y + " PSIA" ;
                }
            },
            plotOptions: {
                spline: {
                    marker: {
                        enable: false
                    }
                }
            },
            series: [{
                        name:'TEMP7 = 75.00',
                        data: [[0.009558,0.067672],[1.499949,0.026805],[3.000044,0.065205],[4.499968,0.092226],[6.000035,0.112667],[7.500029,0.112462],[8.999997,0.097762],[10.500043,0.084260],[11.999973,0.045674],[13.500054,-0.002144],[14.999980,-0.071104],
                            [13.500024,-0.056812],[11.999940,-0.032214],[10.499979,-0.035400],[9.000065,-0.038020],[7.500023,-0.047703],[6.000001,-0.057745],[4.499986,-0.071516],[3.000016,-0.100930],[1.500019,-0.127485],[0.009707,-0.063658]
                            ]
                    }]
        });
    });

});
$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'容器',
类型:“样条线”,
宽度:760,
身高:628,
风格:{
边距:“0自动”
}
},
标题:{
文本:'传感器偏差(%FSO)'
},
副标题:{
文本:“”
},
xAxis:{
标题:{
启用:对,
文本:“PSIA”
},
showLastLabel:true,
},
亚克斯:{
最多:.15,
最小值:-.15,
标题:{
文字:“温度”
},
线宽:2,
时间间隔:0.03,
绘图线:[{
颜色:“#ff0000”,
宽度:2,
数值:0.1
},{
颜色:“#ff0000”,
宽度:2,
值:-0.1
}]
},
图例:{
已启用:true
},
工具提示:{
格式化程序:函数(){
返回“”+
“+this.series.name+”:“+this.x+”,“+this.y+“PSIA”;
}
},
打印选项:{
样条曲线:{
标记:{
启用:false
}
}
},
系列:[{
名称:'TEMP7=75.00',
数据:[0.009558,0.067672],[1.499949,0.026805],[3.000044,0.065205],[4.499968,0.092226],[6.000035,0.112667],[7.500029,0.112462],[8.99997,0.097762],[10.500043,0.084260],[11.99973,0.045674],[13.500054,-0.002144],[14.99980,-0.071104],
[13.500024,-0.056812],[11.999940,-0.032214],[10.499979,-0.035400],[9.000065,-0.038020],[7.500023,-0.047703],[6.000001,-0.057745],[4.499986,-0.071516],[3.000016,-0.100930],[1.500019,-0.127485],[0.009707,-0.063658]
]
}]
});
});
});

数据需要通过x升序排序,因此在您的情况下,您需要使用两个分离的序列或正确排序数据。

我建议使用时间戳作为x值,并将所需的数字数据作为额外变量添加到数据点

通过这种方式,您可以对数据进行正确排序,但也可以在工具提示中显示所需的数据

要了解如何提供和显示额外变量,请参阅此旧的
示例