大佬教程收集整理的这篇文章主要介绍了javascript – 将Json数据加载到jqPlot中,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对JSON和jqPlot有疑问.
jQuery脚本:
var line = [ ];
$(function(){
$.getJSON('bin/gielda.PHP', function(data) {
$.each(data, function (index, value) {
line.push(["'"+data[index].data+"'",data[index].kurs_odn]);
});
console.log(linE);
});
$.jqplot('chartdiv', [line], {
title :' Giełda',
axes : {
xaxis : {
renderer : $.jqplot.DateAxisRenderer
}
},
series : [{
lineWidth : 4,
markerOptions : {
style : 'square'
}
}]
});
});
$pdo = new PDO('MysqL:host=localhost;dbname=gielda', 'root', '');
$pdo -> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql = $pdo -> prepare("SELECT data,kurs_odn FROM template WHERE nazwa=?");
$sql -> execute(array("ASSECOPOL"));
$gielda = $sql->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($gielda);
[{"data":"2010-08-19","kurs_odn":"55.75"},{"data":"2010-08-19","kurs_odn":"55.75"},{"data":"2010-08-19","kurs_odn":"55.75"},{"data":"2010-08-20","kurs_odn":"56.2"},{"data":"2010-08-20","kurs_odn":"56.2"},{"data":"2010-08-20","kurs_odn":"56.2"}]
变量行的Console.log:
[["'2010-08-19'", "55.75"], ["'2010-08-19'", "55.75"], ["'2010-08-19'", "55.75"], ["'2010-08-20'", "56.2"], ["'2010-08-20'", "56.2"], ["'2010-08-20'", "56.2"]]
解决方法:
我可能找到了解决方案.
起初$.jqplot必须在$.getJSON里面 – 我忘记了JavaScript中的异步调用代码.
line.push(["'"+data[index].data+"'",data[index].kurs_odn]);
但我必须添加number(data [index] .kurs_odn)因为默认情况下是字符串.
现在看来工作正常.
以上是大佬教程为你收集整理的javascript – 将Json数据加载到jqPlot中全部内容,希望文章能够帮你解决javascript – 将Json数据加载到jqPlot中所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。