Javascript 在highcharts中,工具提示在图表具有高数据时不移动,而在图表具有低数据时不移动
在Javascript 在highcharts中,工具提示在图表具有高数据时不移动,而在图表具有低数据时不移动,javascript,highcharts,Javascript,Highcharts,在highcharts中,当我使用addpoint()允许'shift'到'true'添加数据时,工具提示在有大数据时不会移动,就像在有低数据时一样。通过改变量程选择器的范围可以识别数据量。有什么我可以修改或我应该包括一些额外的代码。我在下面的链接中复制了这个问题 //创建图表 Highcharts.stockChart(‘容器’{ 图表:{ 活动:{ 加载:函数(){ //设置图表的每秒更新 var series1=该系列[0]; setInterval(函数(){ var x=(新日期(
highcharts
中,当我使用addpoint()
允许'shift'
到'true'
添加数据时,工具提示在有大数据时不会移动,就像在有低数据时一样。通过改变量程选择器的范围可以识别数据量。有什么我可以修改或我应该包括一些额外的代码。我在下面的链接中复制了这个问题
//创建图表
Highcharts.stockChart(‘容器’{
图表:{
活动:{
加载:函数(){
//设置图表的每秒更新
var series1=该系列[0];
setInterval(函数(){
var x=(新日期()).getTime(),//当前时间
y=数学圆(数学随机()*100);
系列1.添加点([x,y],真,真);
}, 2000);
var series2=本系列[1];
setInterval(函数(){
var x=(新日期()).getTime(),//当前时间
y=数学圆(数学随机()*50);
序列2.添加点([x,y],真,真);
}, 2000);
}
}
},
时间:{
useUTC:false
},
范围选择器:{
按钮:[{
计数:1,
键入:“分钟”,
文字:“1M”
}, {
计数:5,
键入:“分钟”,
文字:“5M”
}, {
键入:“全部”,
文字:“全部”
}],
输入:错误,
已选:0
},
标题:{
文本:“实时随机数据”
},
出口:{
已启用:false
},
图例:{
已启用:true
},
打印选项:{
系列:{
标记:{
国家:{
悬停:{
启用:对,
动画:{持续时间:100},
enableMouseTracking:正确,
粘滞跟踪:正确
}
}
}
}
},
工具提示:{
分享:是的,
split:false,
粘滞追踪:没错,
enableMouseTracking:正确,
启用:对,
followPointer:true,
followTouchMove:没错,
格式化程序:函数(){
var工具提示=”;
var phaseNameList=“”;
//工具提示+=“I-unit”+”
“+”x:“+this.x+”;
工具提示+=“I-unit”+”
“+”x:“+新日期(this.x)+
"";
工具提示+=”
“+”y:“+this.y+”;
工具提示+=“
”+此+”;
返回工具提示;
}
},
系列:[{
名称:“随机数据1”,
数据:(函数(){
//生成一个随机数据数组
var数据=[],
时间=(新日期()).getTime(),
我
对于(i=-999;i问题是由修改数据的dataGrouping
属性引起的。您可以通过以下方式禁用它:
plotOptions: {
series: {
dataGrouping: {
enabled: false
},
...
}
}
代码片段:
//创建图表
Highcharts.stockChart(‘容器’{
图表:{
活动:{
加载:函数(){
//设置图表的每秒更新
var series1=该系列[0];
setInterval(函数(){
var x=(新日期()).getTime(),//当前时间
y=数学圆(数学随机()*100);
系列1.添加点([x,y],真,真);
}, 2000);
var series2=本系列[1];
setInterval(函数(){
var x=(新日期()).getTime(),//当前时间
y=数学圆(数学随机()*50);
序列2.添加点([x,y],真,真);
}, 2000);
}
}
},
时间:{
useUTC:false
},
范围选择器:{
按钮:[{
计数:1,
键入:“分钟”,
文字:“1M”
}, {
计数:5,
键入:“分钟”,
文字:“5M”
}, {
键入:“全部”,
文字:“全部”
}],
输入:错误,
已选:0
},
标题:{
文本:“实时随机数据”
},
出口:{
已启用:false
},
图例:{
已启用:true
},
打印选项:{
系列:{
数据分组:{
已启用:false
},
标记:{
国家:{
悬停:{
启用:对,
动画:{
持续时间:100
},
enableMouseTracking:正确,
粘滞跟踪:正确
}
}
}
}
},
工具提示:{
分享:是的,
split:false,
粘滞追踪:没错,
enableMouseTracking:正确,
启用:对,
followPointer:true,
followTouchMove:没错,
格式化程序:函数(){
var工具提示=”;
var phaseNameList=“”;
//工具提示+=“I-unit”+”
“+”x:“+this.x+”;
工具提示+=“I-unit”+”
“+”x:“+新日期(this.x)+
"";
工具提示+=”
“+”y:“+this.y+”;
工具提示+=“
”+此+”;
返回工具提示;
}
},
系列:[{
名称:“随机数据1”,
数据:(函数(){
//生成一个随机数据数组
var数据=[],
时间=(新日期()).getTime(),
我