Highcharts使用JSON - graph不显示mysql数据
Highcharts using JSON - graph not displaying mysql data
我已经能够从mysql使用:
$myArray=array();
$tempArray = array();
// Get all records
while ( $row = $results->fetch_assoc())
{
$tempArray = $row;
array_push($myArray, $tempArray);
}
echo json_encode($myArray);
$mysqli->close();
?>
然后通过使用下面的Javascript在我的页面index.php上包含它来生成一个图表。
我不理解/缺少什么概念/代码来生成基于我的ajax json的图表?
EDITED - SOLUTION:
生成json:
的最终PHP代码while ( $row = $results->fetch_assoc())
{
$tempArray[0] = $row['unix_timestamp(auct.end_date)'];
$tempArray[0] *= 1000;
$tempArray[1] = $row['winning_bid'];
array_push($myArray, $tempArray);
}
echo json_encode ($myArray, JSON_NUMERIC_CHECK);
$mysqli->close();
?>
最终javascript代码:
$('#btn_search').click(function(){
txt_search = $('#txt_search').val();
$.ajax({
url: './php/search.php',
type: 'GET',
data: {search: txt_search},
dataType: 'json',
success: function(rows)
{
chart = new Highcharts.Chart({
chart: {
renderTo: 'chartdiv',
type: 'line',
marginRight: 100,
marginBottom: 50
},
title: {
text: 'Whisky Tracking',
x: -20 //center
},
xAxis: {
text: 'EndDate',
type: 'datetime'
},
yAxis: {
title: {
text: 'Price',
color: '#CC680E'
},
plotLines: [{
value: 0,
width: 20,
color: '#CC680E'
}]
},
series: [{
name: txt_search,
xAxis:0,
data: rows,
dataLabels: {
enabled: true,
formatter: function() {
return '£'+ Highcharts.numberFormat(this.y, 0);
}
}
}],
});
}
});
goToByScroll('tracker');
return false;
});
JSON中的样本数据:
[1306732000000,160],[1306745000000,45],[1306788000000,65],[1306788000000,50],[1306712000000,130],[1306733000000,240],[1306744000000,60],[1306788000000,250],[1306710000000,145]
问题是值是字符串,例如,您的数据:
["2011-05-30 00:00:00","130"]
应该改成:
[1306706400000, 130]
以毫秒为单位的时间戳和真值。
您可以阅读JSON_NUMERIC_CHECK
选项,json_encode(string, JSON_NUMERIC_CHECK)
将字符串更改为数字。但是日期到时间戳需要您自己更改。
编辑:此外,问题是设置数据在双数组,从更改:
data: [rows]
:
data: rows
相关文章:
- 仅在第一个结果中显示/隐藏MySQL结果函数
- 当用户键入一封信时,如何使用ajax自动完成来显示MySQL数据库中的值
- 使用jquery显示mysql查询结果
- 从getTime()类型的日期获取日期和时间,以显示mySQL数据库中的日期
- 使用html表显示MySql数据
- 我无法获取显示mySql数据的Slickgrid
- 使用 php 和 Jquery 数据表显示 mysql 数据库
- 使用 JQuery 显示 MySQL 数据库
- 使用 Javascript 在选择框更改时显示 MySQL 列数据
- 在警报对话框中显示Mysql结果
- I'我正在尝试建立一个基本的网站来显示MySQL中的数据.有没有办法只使用javascript和HTML来实现这
- 仅显示mysql数据库中的格式化文本
- 如何在一行中显示MySQL中的列以及每个项的计数器
- 谷歌地图,显示mysql信息在标记信息窗口
- 显示mysql数据
- 在更改页面时显示mysql查询
- Highcharts使用JSON - graph不显示mysql数据
- 显示mysql表数据在信息窗口谷歌地图API
- 优化在node.js中显示mysql查询结果的效率
- extjs4:显示Mysql blob值中的图像