staffCanvasでグラフを書く際に値を埋めるだけで簡単に任意のグラフの表示を行えるスクリプトを紹介します。グラフの種類は少なめですが、数行のシンプルなコードのみでグラフを作成することができるスクリプトです。公式サイトからダウンロード、またはCDN経由の読み込みで利用することができます。コードは少し長くなりますが、デザインが豊富に揃っていて柔軟なアレンジも可能なスクリプトです。公式サイトからダウンロード、またはCDN経由の読み込みで利用することができます。コードも長く、CDNがないため事前準備も必要になりますが20種以上のグラフを使用できます。今回はchart.jsを使用した円グラフ、線グラフ、棒グラフ、レーダーチャートの作成方法を紹介します。初めにchart.jsを読み込む必要があります。src="script/Chart.js"></script>//CDN経由で読み取る方法があります。src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>次にcanvasタグを用意します。id名や高さなどは自由に決めることができます。width="500"></canvas>この2つの準備ができたら後はグラフに入れる値とグラフの種類を指定するだけで簡単にグラフを作成することができます。指定することができます。指定することができます。指定することができます。コメントをキャンセルメールアドレスが公開されることはありません。