お世話になります。
cakephp(2.7.8)
PHP 5.6
highcharts
DBから取得した月間売上結果を折れ線グラフで出力したいです。
色々なサンプルなど見ましたが、ここやここも固定値で設定しており、DB結果を設定するような動的な方法が分からずにいます。
作りたい折れ線グラフは基本的な形で、
横軸に、'2018/10'、'2018/11'などの年月
縦軸に、100万円、200万円などの売上金
です。
PHPのコントローラ側で取得した配列は以下のような構造になっています。
これをビューに渡すところまで出来ました。
php
1array(3) { 2 [0]=> 3 array(1) { 4 ["MonthlyUriage"]=> 5 array(4) { 6 ["date"]=> 7 string(7) "2018/10" 8 ["uriage"]=> 9 string(3) "100" 10 11 } 12 } 13 [1]=> 14 array(1) { 15 ["MonthlyUriage"]=> 16 array(4) { 17 ["date"]=> 18 string(7) "2018/11" 19 ["uriage"]=> 20 string(3) "200" 21 22 } 23 } 24 [2]=> 25 array(1) { 26 ["MonthlyUriage"]=> 27 array(4) { 28 ["date"]=> 29 string(7) "2018/12" 30 ["uriage"]=> 31 string(3) "300" 32 } 33 } 34} 35
上記のような場合、ビュー側(ctp)にて
series:のnameやdataにどのように設定すれば良いでしょうか?
ctp
1 2$(function () { 3 $('#sample').highcharts({ 4 title: { 5 text: '月間売上' 6 }, 7 xAxis: [ 8 { 9 categories: ここの記述が分からない 10 } 11 ], 12 series: [ 13 { 14 type: 'line', // 折れ線グラフに設定 15 data: ここの記述が分からない 16 } 17 ] 18 }); 19});
分かる方教えていただけないでしょうか?
どうぞ宜しくお願い致します。
2018/11/13
固定値による例示を追加
欲しい形は以下のような形です。
実際のコードに「固定値」を設定してみました。
※固定値なのでグラフ表示できてます。
ctp
1 2<?php if($resDscss != null && count($resDscss) > 0){ ?> 3 $('#dscss').highcharts({ 4 chart: { 5 type: 'line', 6 marginRight: 130, 7 marginBottom: 25 8 }, 9 title: { 10 text: "月間売上" 11 }, 12 xAxis: { 13 categories: ['2018/10','2018/11','2018/12'] 14 }, 15 series: [{ 16 name: 'A支店', 17 data: [400, 550, 300] 18 }] 19 ,credits: {enabled: false} 20 21 }); 22 <?php } ?> 23
回答2件
あなたの回答
tips
プレビュー