2019年10月16日Chart.jsjavascriptcanvasタグの設置とjavascriptの記述が必要です。height="200"></canvas></div>上記のタグを記述します。width=400とheight=200は比率という理解で問題ないです。幅800pxですと高さ400px、幅200pxですと高さは100pxになります。※レスポンシブ機能がデフォルトでTrueになっているためかと思いますまた、divタグで囲んでおくと便利です。canvasは幅100%で表示されますので、divの方でpaddingなどを設定すると、両端に隙間を簡単に作ることができます。}});</script>まずは、本家のサンプルをRGBだけに絞ったものを書いてみました。下記を参考にしています。LUCKLOGhttps://lucklog.info/chart-js-first/まず、Chart.jsを読み込みます。ファイルをダウンロードしたり、CDNから読み込んだりできます。ここではCDNの方法をご説明します。下記ページにアクセスします。Chart()」によってグラフを描画します。Chart()」の引数が重要です。以下、ざっとした説明です。なんとなく雰囲気だけ掴めればOKです。1つ目(コンテキスト)描画するcanvasがどれかを指定する。getContext(‘2d’)は描画をONにするという感じです。2つ目(描画情報)labelsが縦軸、datasetsが横軸の情報になります。3つ目(オプション)グラフに関するオプションです。true」だと「yAxes」の中にあるので、Y軸を0から始めるかどうかを指定できます。実際にFalseにすると、0ではなく2からスタートしました。実際にグラフを作成できました。bodyタグ内に上記「Chart作成」のタグを書き、上記「Chart作成」のscriptをそのまま貼り付けるだけで実際に自分でもグラフを作れるかと思います。自分でやって動作するのが使えるようになるための第一歩です。