ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/12
NEW
【週刊ドットインストール】 CSSバージョンのお話、レッスン制作の進捗、代表のひとりごと
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
PREMIUM
Chart.js入門
JavaScriptで綺麗なグラフを描画することができるChart.jsについて学習していきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(10)
#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)
円グラフの描画
ドーナツグラフの描画
未完了
リリース情報(note)
『Chart.js入門 』を追加しました
詳細情報
最終更新日
2018年2月7日
バージョン情報
Chart.js 2.7.1