chart.jsを使ってグラフを作成したいと考えておりまして、
以下のように記述をしてみたのですが、上手く動作してくれません。
PHP
1for ($j = 1; $j <= $max_day; $j++) { 2 $day_count .= $j.","; 3 4} 5$data_list = "3,19,21,9,16,7,11"
Javascript
1<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> 2<canvas id="myChart"></canvas> 3 4<script type="text/javascript"> 5 6var day = JSON.parse('<?php echo json_encode($day_count); ?>'); 7var data_list= JSON.parse('<?php echo json_encode($data_list); ?>'); 8 9var ctx = document.getElementById('myChart').getContext('2d'); 10var chart = new Chart(ctx, { 11 // The type of chart we want to create 12 type: 'line', 13 14 // The data for our dataset 15 data: { 16 labels: [day], //1~30までがx軸として表示されるようにしたい 17 datasets: [{ 18 label: "My First dataset", 19 backgroundColor: 'rgb(255, 255, 255)', 20 borderColor: 'rgb(255, 99, 132)', 21 data: [data_list], 22 }] 23 }, 24 25 // Configuration options go here 26 options: {} 27});
このように変数で値を与えてグラフが描画されるようになってほしいのですが、上手く描画されません...
何かやり方等お分かりになる方いらっしゃいましたら是非ご教授いただけませんでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/28 05:50