如何在chart.js中使用JSON数据？

您好我一直在尝试使用MYSQL数据库中的数据并使用它们来创建chart.js的图形图表。 我将数据编码成JSON数据（通过php文件名data1.php），现在我需要使用Jquery或javascript将这些Json数据转换回数组..我对AJAX没有太多了解…所以你可以帮帮我吗？ ？

data1.php生成JSON数据

[{"company_name":"project A","present_worth":"81531.946062978"},{"company_name":"project B","present_worth":"67313.916593765"},{"company_name":"project c","present_worth":"92440.723376746"}] 

我需要在数组中使用present_worth的值

这是用于创建条形图的脚本..而不是自定义数据（例如数据：[65,59,90,81,56,55,40]）这里给出我想要一个带有JSON数据的数组。

  function bar(){ var barChartData = { labels :["January","February","March","April","May","June","July"],datasets : [ { fillColor : "rgba(220,280,220,0.5)", strokeColor : "rgba(220,220,220,1)", data : [65,59,90,81,56,55,40] }, { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", data : [28,48,40,19,96,27,100] } ] }; var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData); }  

Answer 1

我不太确定你的意思是：

 var chartjsData = []; for (var i = 0; i < json.length; i++) { chartjsData.push(json[i].present_worth); } 

http://jsfiddle.net/rnX2Z/1/

否则评论;）

Answer 2

所以这是一个JSON数据示例，

 var data = '{"name":"tom","Second":"smith","age":"20","height":"180"}' 

创建变量以解析数据

 var obj9 = JSON.parse(data); 

然后创建另一个变量来存储您的特定数据。 （.age，这是相对于您的数据集，例如.name，.height）

 var cat = obj9.age; 

然后，您可以在图表数据中使用变量cat。

 data : [cat9,randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] 

希望有所帮助。

了解有关JSON的更多信息http://www.w3schools.com/json/default.asp