Skip to main content

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;