我正在嘗試讓 ChartJS 折線圖為我正在從事的項目工作。我遵循了一個教程，因為我需要從 mySQL 數(shù)據(jù)庫中獲取數(shù)據(jù)并使用這些數(shù)據(jù)顯示在折線圖上。我想知道是否有人有使用 ChartJS 的經(jīng)驗，請告訴我我的代碼有什么問題。出于隱私原因，我刪除了指向 JSON 數(shù)據(jù)的網(wǎng)絡(luò)鏈接，但數(shù)據(jù)以 JSON 格式顯示。<!DOCTYPE html><html> <head> <title>ChartJS - LineGraph</title> <style> .chart-container { width: 640px; height: auto; } </style> <!-- javascript --> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/Chart.min.js"></script> <script type="text/javascript" src="js/linegraph.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> </head> <body> <div class="chart-container"> <canvas id="mycanvas" width="600" height="600"></canvas> <script> $(document).ready(function(){ $.ajax({ url : "**********", type : "GET", success : function(data){ console.log(data); var user_id = []; var pain = []; var sleep = []; var mood = []; var heartrate = []; var time_of_entry = []; for(var i in data) { user_id.push("UserID " + data[i].user_id); pain.push(data[i].pain); sleep.push(data[i].sleep); mood.push(data[i].mood); heartrate.push(data[i].heartrate); time_of_entry.push(data[i].timeofentry); } var chartdata = { labels: user_id, datasets: [ { label: "pain", fill: false, lineTension: 0.1, backgroundColor: "rgba(59, 89, 152, 0.75)", borderColor: "rgba(59, 89, 152, 1)", pointHoverBackgroundColor: "rgba(59, 89, 152, 1)", pointHoverBorderColor: "rgba(59, 89, 152, 1)", data: pain },
1 回答
- 1 回答
- 0 關(guān)注
- 393 瀏覽
添加回答
舉報
0/150
提交
取消