Javascript Highcharts数据没有';我不能正确地出现

Javascript Highcharts数据没有';我不能正确地出现,javascript,highcharts,Javascript,Highcharts,我有一张图表,显示了员工每天的上班时间和下班时间。我已经从数据库中获取了数据,一切正常。但是现在这些列在图表中显示的数据不正确。我不明白为什么会这样。有人能帮我吗 函数InitHighChart() { $(“#图表”).html(“等待,加载图形…”); 变量选项={ 图表:{ 键入:“列”, renderTo:'图表', zoomType:'xy', 背景颜色:'透明' }, 学分:{ 已启用:false }, 标题:{ 正文:“\'注意事项”, x:-20 }, xAxis:{ 键入:

我有一张图表,显示了员工每天的上班时间和下班时间。我已经从数据库中获取了数据,一切正常。但是现在这些列在图表中显示的数据不正确。我不明白为什么会这样。有人能帮我吗

函数InitHighChart()
{
$(“#图表”).html(“等待,加载图形…”);
变量选项={
图表:{
键入:“列”,
renderTo:'图表',
zoomType:'xy',
背景颜色:'透明'
},
学分:{
已启用:false
},
标题:{
正文:“\'注意事项”,
x:-20
},
xAxis:{
键入:“日期时间”,
类别:[{}],
标签:{
轮调:-20,
}           
},
亚克斯:{
键入:“日期时间”,
绘图带:[{
发件人:1447747200000,
致:1447779600000,
颜色:“rgba(68170213,0.1)”,
zIndex:5,
标签:{
文字:“办公时间”,
风格:{
颜色:'#606060'
} 
} 
}],
绘图线:[{
//价值:$inavg,
颜色:“绿色”,
短跑风格:“短跑”,
宽度:2,
标签:{
文本:“平均时间”
},
zIndex:5
}, {
//价值:$outavg,
颜色:“红色”,
短跑风格:“短跑”,
宽度:2,
标签:{
文本:“平均超时”
},
zIndex:5
}],
日期时间标签格式:{
分钟:“%l:%M%p”,
小时数:“%l:%M%p”
},
最低:1447729200000,
最大值:1447797600000,
时间间隔:1000,
标题:{
文字:“时间”
}
}, 
工具提示:{
格式化程序:函数(){
var s=''+此.x+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+Highcharts.dateFormat(“%l:%M%p',point.y) }); 返回s; }, 分享:真的 }, 系列:[{},{}] }; $.ajax({ url:“json.php?id=”, 类型:'post', 数据类型:“json”, 成功:功能(数据){ options.xAxis.categories=data.categories; options.yAxis.plotLines[0]。值=data.inavg; options.yAxis.plotLines[1]。值=data.outavg; options.series[0]。name='Time In'; options.series[0]。data=data.timein; options.series[1]。名称='timeout'; options.series[1]。data=data.timeout; console.log(选项); var图表=新的Highcharts.图表(选项); } }); }
在无法实时查看图表的情况下,我猜您发送的数据超出了轴的最大值

如果上面代码中的数据以及链接图像中的数据都是准确的,那么情况确实如此。因此,这些条延伸到绘图区域的末端之外

您正在基于第一个日期在轴上设置最小值和最大值,但随后会将各个日期的数据发送到序列。那不行


如果要根据时间轴绘制多个日期,则需要处理和抽象数据,例如,秒数,而不是使用时间戳。

但当我注释掉最小值和最大值时,这也不起作用。我不知道为什么,但所有的工作都很好,即使最小值和最大值,购物车在绘图区域显示的是准确的时间,但后来它出错了。这是我用来从数据库中获取数据的php脚本哦,它起作用了。当我缩放到值时,它会显示正确的值。bt如何格式化yAxis,使其始终显示绘图区域中的值???开始时,我建议您按x升序对数据进行排序,这是Highcharts的要求。如果问题仍然出现,请告诉我。