我們目前正在使用客戶溫度計(jì)在完成支持票后調(diào)查我們的客戶。不幸的是，customerthermometers 小部件看起來(lái)很惡心。所以我目前正在嘗試使用 Chart.js 創(chuàng)建一個(gè)圖表，并使用 PHP 從 customerthermometers 的 API 動(dòng)態(tài)獲取數(shù)據(jù)。PHP-array ($dataPoints) 中的所有部分都在圖表中考慮在內(nèi)，除了“數(shù)據(jù)”，我真的不知道如何進(jìn)一步進(jìn)行。<?php$gold = file_get_contents( 'https://app.customerthermometer.com/api.php?apiKey=<api_key>&getMethod=getNumResponsesValue&temperatureID=1' );$green = file_get_contents( 'https://app.customerthermometer.com/api.php?apiKey=<api_key>&getMethod=getNumResponsesValue&temperatureID=2' );$yellow = file_get_contents( 'https://app.customerthermometer.com/api.php?apiKey=<api_key>&getMethod=getNumResponsesValue&temperatureID=3' );$red = file_get_contents( 'https://app.customerthermometer.com/api.php?apiKey=<api_key>&getMethod=getNumResponsesValue&temperatureID=4' );$dataPoints = array( array( "label" => "Gold Star" , "data" => $gold , "backgroundColor" => "rgba(255,215,0,1)"), array( "label" => "Green Light" , "data" => $green , "backgroundColor" => "rgba(0,128,0,1)"), array( "label" => "Yellow Light" , "data" => $yellow , "backgroundColor" => "rgba(255,255,0,1)"), array( "label" => "Red Light" , "data" => $red , "backgroundColor" => "rgba(255,0,0,1)" ));?><html><head><meta charset="utf-8"><title>Chart Test</title></head><body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="../assets/chart28/dist/Chart.js"></script> <canvas id="myChart" width="100" height="20"></canvas><script>var ctx = document.getElementById('myChart');var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Gold Star', 'Green Light', 'Yellow Light', 'Red Light'], datasets: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?> }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } }});</script> <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?></body></html>
1 回答
慕森王
TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊
的數(shù)據(jù)屬性$dataPoints應(yīng)該是一個(gè)數(shù)組。如果您獲得單個(gè)值，則必須對(duì)其進(jìn)行轉(zhuǎn)換
...
$dataPoints = array(
array( "label" => "Gold Star" , "data" => array($gold) , "backgroundColor" => "rgba(255,215,0,1)"),
array( "label" => "Green Light" , "data" => array($green) , "backgroundColor" => "rgba(0,128,0,1)"),
array( "label" => "Yellow Light" , "data" => array($yellow) , "backgroundColor" => "rgba(255,255,0,1)"),
array( "label" => "Red Light" , "data" => array($red) , "backgroundColor" => "rgba(255,0,0,1)" )
);
...
- 1 回答
- 0 關(guān)注
- 184 瀏覽
添加回答
舉報(bào)
0/150
提交
取消