blocs/admin: グラフ表示(Chart.js)
blocs/admin: グラフ表示(Chart.js)
Auto Include 機能を使って、テンプレート内にグラフを表示する方法を説明します。
前提条件: blocs/admin がインストール済みであること
定義済みグラフのブロック
| ブロック名 | 用途 |
|---|---|
| chartjs_1line | 折れ線グラフ |
| chartjs_2bar1line | 2種類の棒グラフと累積折れ線グラフ |
グラフのカスタマイズ変数
| 引数 | 説明 |
|---|---|
| $graphId | グラフの一意な識別子 |
| $chartjsColor | グラフの色設定 |
| $graphLegendLine1 | 凡例(折れ線グラフのラベル) |
| $graphLabels | X軸に表示するラベル |
| $graphYaxisMax | Y軸の最大値 |
| $graphDataLine1 | 折れ線グラフのデータ |
コントローラーのサンプル
$this->val['graphLabels'] = json_encode($xaxis);
$this->val['graphDataLine1'] = json_encode($line1);
$this->val['graphYaxisMax'] = $yaxisMax;
$view = view($this->viewPrefix . '.index', $this->val);
return $view;