2017-02-23 89 views
0

我想推动JSON编码形式我的数据库选择到chart.js数据集,但即时通讯不知道如何去解决它,而没有过度工程。推动JSON编码的PHP到chart.js

下面是一个简单的选择,从它的追溯表分数:

if($teamData == 0){ 
    $allTeams = 'All'; 
} else{ 
$sql = "SELECT * FROM compScore WHERE memberId = 1"; 
$result = $conn->query($sql); 


    if ($result->num_rows > 0) { 
     while($row = $result->fetch_assoc()) { 
      $jsonScores = json_encode($row, JSON_PRETTY_PRINT); 
    } 
    } 
} 
header('Content-type: application/json'); 
echo $jsonScores; 

的这个输出是:

{ "id": "1", "score1": "2", "score2": "3", "score3": "5", "score4": "4", "score5": "3", "score6": "2", "score7": "1", "score8": "3", "memberId": "1" } 

我有一个问题,即只取1分的记录,我也想排除该字段memberId

更何况我如何将该结果推送到:

datasets : [ 
    { 
     fillColor: "rgba(102,45,145,.1)", 
     strokeColor: "rgba(102,45,145,1)", 
     pointColor : "rgba(220,220,220,1)", 
     pointStrokeColor : "#fff", 

     data : [] // HERE IS WHERE THE DATA NEEDS TO GO 
    } 
+0

首先从阵列中删除不必要的元素。请参阅此链接:http://stackoverflow.com/questions/4466159/delete-element-from-multidimensional-array-based-on-value –

+0

之后,将其编码为json格式并传入js库部分。 –

+0

@prakashtank即时通讯不知道如何将它传递到js库,这就是我有点卡住 – PhpDude

回答

1

我认为你应该看看charts.js期望的json布局。 https://developers.google.com/chart/interactive/docs/reference#dataparam 它需要第一级的列和行,其中每列由一个id,一个标签和一个类型描述。 谷歌文档是相当不错的,尽管预期的格式是一种泰迪厄斯。

这里是一个用于填充图表的PHP示例。

https://developers.google.com/chart/interactive/docs/php_example

+0

很明显,本文档是对Google图表的参考,但是我可以很容易地将它转换为chart.js?这个例子看起来非常相似。 – PhpDude

+0

Chart.js需要一个非常类似的结构,它是唯一可以失败的方式,注意json格式,你应该没问题。 – nico91