数据库中的动态样条曲线高图
dynamic spline highchart from database
我试图制作一个样条曲线高图,并实现"如何将数据从JSON加载到高图?"的解决方案?,这是米娜·加布里埃尔的回答。代码看起来是这样的。
在test.php
中
}
// Set the JSON header
header("Content-type: text/json");
// The x value is the current JavaScript time, which is the Unix time multiplied by 1000.
$x = time() * 1000;
$y = rand(0,100) ;
// Create a PHP array and echo it as JSON
$ret = array($x, $y);
echo json_encode($ret);
?>
在高图脚本中:
<script>
/**
* Request data from the server, add it to the graph and set a timeout to request again
*/
var chart; // global
function requestData() {
$.ajax({
url: 'http://localhost:8080/test.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).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'spline',
events: {
load: requestData
}
},
title: {
text: 'Live random data'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 100,
maxZoom: 20 * 1000
},
yAxis: {
minPadding: 0.2,
maxPadding: 0.2,
title: {
text: 'Value',
margin: 80
}
},
series: [{
name: 'Random data',
data: []
}]
});
});
</script>
< /head>
<body>
这些都很有效。但是,当我试图更改test.php
中的代码,将y值设置为数据库中的数字时,如下所示:
<?php
header("Content-type: text/json");
$db = mysql_connect("localhost","myusername","mypassword");
mysql_select_db("mydatabase");
$day=date('Y-m-d'); //UTC standar time
$result = mysql_query("SELECT COUNT(*) FROM table WHERE time='{$day}';");
$count = mysql_fetch_array($result);
// The x value is the current JavaScript time, which is the Unix time multiplied by 1000.
$x = time() * 1000;
$y = $count[0];
// Create a PHP array and echo it as JSON
$ret = array($x, $y);
echo json_encode($ret);
?>
折线图不起作用。我已经检查了sql代码,它运行得很好。我错过什么了吗?
根据给定的信息和这篇文章,我对这个问题的最佳选择是$count[0]是一个字符串,highcharts需要它是严格的数字。你能帮我试试下面的吗
$y = intval($count[0]); // OR floatval($count[0]);
相关文章:
- 动态更改高图中的系列颜色
- 如何为高图中的区域线创建z索引
- 将高图饼图中的文本居中显示为响应
- 可以对一个图表进行高图深化,反映在另一个图表上
- 如何通过单击点之间的样条曲线来选择样条曲线中的序列
- 数据库中的动态样条曲线高图
- 删除高图中的第一条和最后一条网格线
- KineticJS - 创建带有渐变描边的样条曲线
- 如何确保高图表样条图保持在 0 和 1 之间
- HighChart和样条曲线:数据分组不起作用
- 与样条曲线组合时高图表中的列宽
- 将b样条曲线转换为贝塞尔曲线
- Highcharts中样条图上的重叠数据
- 高图中没有显示y轴的滚动条
- 高图表没有显示两条曲线的准确百分比
- highcharts -样条图'的样条消失,出现在悬停
- 图总是从0开始,高库存样条图
- 使用样条曲线剪切图像
- 在HighCharts样条图中只显示一些级数
- 高图用线堆叠柱状条