Php “如何修复”;高位图表错误“13”;在实时图表上?当我';m已插入DOMContentLoaded
我已经在关注这个[链接]:但是我的highchart上仍然有一个错误。我想制作实时海图,这是我第一次制作实时海图并使用海图,有人能帮我解决这个问题吗 这是我的dataPLLive.phpPhp “如何修复”;高位图表错误“13”;在实时图表上?当我';m已插入DOMContentLoaded,php,ajax,charts,highcharts,Php,Ajax,Charts,Highcharts,我已经在关注这个[链接]:但是我的highchart上仍然有一个错误。我想制作实时海图,这是我第一次制作实时海图并使用海图,有人能帮我解决这个问题吗 这是我的dataPLLive.php <?php header("Content-type: text/json"); $servername = "....0"; $username = "...s"; $password = "...."; $dbname = "...n"; $conn = mysqli_connect($serv
<?php
header("Content-type: text/json");
$servername = "....0";
$username = "...s";
$password = "....";
$dbname = "...n";
$conn = mysqli_connect($servername, $username, $password, $dbname);
$query = mysqli_query($conn, ("SELECT a.`JAM`, AVG(a.PacketLoss) AVG
FROM (
SELECT `JAM`,`RNC`,`IPPATH_PM` AS PHB,`VS_IPPM_FORWORD_DROPMEANS` AS PacketLoss, `VSIPPMRttMeans` AS Latency, 'IPPM'
FROM `rnc_ippm_meas`
WHERE JAM=(SELECT MAX(JAM) FROM `rnc_ippm_meas`) AND `IPPATH_PM` LIKE '%AF31%'
UNION
SELECT `JAM`,`RNC`,`IPPOOL_PM`,`VSIPPOOLIPPMForwardDrop-Means`,`VSIPPOOLIPPMRttMeans`, 'IPPOOLPM'
FROM `rnc_ippool_ippm_meas`
WHERE JAM=(SELECT MAX(JAM) FROM `rnc_ippool_ippm_meas`) AND `IPPOOL_PM` LIKE '%AF31%') a
GROUP BY a.`JAM`
LIMIT 10000 "));
if (!$query) {
printf("Error: %s\n", mysqli_error($conn));
exit();
}
while ($row = mysqli_fetch_assoc($query)) {
$value = $row['AVG'];
$x = time() * 1000;
$y = $value;
$arr = array($x, $y);
echo json_encode($arr);
}
?>
这是我的html代码
<script>
var chart;
function requestData() {
$.ajax({
url: 'Controller/dataPLLive.php',
success: function(point) {
var series = chart.series[0],
shift = series.data.length > 20; // shift if the series is
// longer than 20
// add the point
chart.series[0].addPoint(point, true, shift);
// call it again after one second
setTimeout(requestData, 1000);
},
cache: false
});
}
document.addEventListener('DOMContentLoaded', function() {
chart = Highcharts.chart('loss_live', {
chart: {
type: 'spline',
events: {
load: requestData
}
},
title: {
text: 'Live random data'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150,
maxZoom: 20 * 1000
},
yAxis: {
minPadding: 0.2,
maxPadding: 0.2,
title: {
text: 'Value',
margin: 80
}
},
series: [{
name: 'Random data',
data: []
}]
});
});
</script>
var图;
函数requestData(){
$.ajax({
url:'Controller/dataPLLive.php',
成功:功能(点){
var系列=图表系列[0],
shift=series.data.length>20;//如果序列为
//超过20
//补充一点
chart.series[0]。添加点(点、真、移位);
//一秒钟后再打
setTimeout(requestData,1000);
},
缓存:false
});
}
document.addEventListener('DOMContentLoaded',function(){
chart=Highcharts.chart(‘损失’){
图表:{
类型:“样条线”,
活动:{
加载:请求数据
}
},
标题:{
文本:“实时随机数据”
},
xAxis:{
键入:“日期时间”,
像素间隔:150,
最大缩放:20*1000
},
亚克斯:{
最小填充:0.2,
最大填充:0.2,
标题:{
文本:“值”,
差额:80
}
},
系列:[{
名称:'随机数据',
数据:[]
}]
});
});
我也跟着做了现场图表
我的代码有问题吗?希望有人能帮助我,谢谢,顺便说一句,代码没有显示div在哪里,但是我想它确实在JS部分之前 JSON应该类似于[1557373542000,0.019680205406590504]。值上没有“双引号” 将代码中的这一行从
$y = $value;
到
感谢respon sir@Core972,感谢您对我的dataPLLive.php的建议,但我仍然收到错误“highcharts error 3”,是的,在jssir@Core972之前的div,json必须如何输出live chart btw?像这样[1557388562000,0.1568985657699218]或[1557388562000,0.1568985767699218],[15573881212,0.12761776918]@卢菲米夫塔夫丁,我看不出这两个命题之间的区别,除了第二个命题有两个数据点。我遗漏了什么吗?对不起,对于json输出必须是最后一次数据(我使用max来选择最后一次数据)或显示当前日期的所有数据(选择当前日期的所有数据),我的英语很糟糕,对不起,先生
$y = $value;
$y = floatval($value);