このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 Chart.jsを使ってみよう (02:32) 無料公開中
- Chart.jsの概要
- 公式サイトの確認
- index.htmlの作成
-
#02 描画の準備をしていこう (02:21) 無料公開中
- Chart.jsの読み込み
- 描画処理の準備
-
#03 折れ線グラフを描画しよう (02:05) 無料公開中
- 折れ線グラフの描画
- データの追加
- 動作確認
-
#04 軸の設定を変えてみよう (02:55)
- 軸の範囲設定
- 刻み値の設定
- callbackの設定
-
#05 タイトルや凡例の設定をしよう (02:07)
- タイトルの設定
- アニメーション設定
- 凡例の設定
-
#06 折れ線のスタイルを変えてみよう (02:24)
- borderColor
- borderWidth
- fill
- lineTension
- pointStyle
-
#07 棒グラフを作ってみよう (02:24)
- 棒グラフの描画
- スタイルの変更
-
#08 混合グラフを描画しよう (02:58)
- 折れ線グラフの描画
- 縦軸の設定変更
-
#09 レーダーチャートを作ってみよう (02:53)
- レーダーチャートの描画
- 軸の設定変更
-
#10 円グラフを作ってみよう (02:08)
- 円グラフの描画
- ドーナツグラフの描画
