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值,并将所需的数字数据作为额外变量添加到数据点
通过这种方式,您可以对数据进行正确排序,但也可以在工具提示中显示所需的数据
要了解如何提供和显示额外变量,请参阅此旧的示例
: