ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/01/26
NEW
週刊ドットインストール(2023/01/26号)を更新しました!
PREMIUM
Chart.js入門
JavaScriptで綺麗なグラフを描画することができるChart.jsについて学習していきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(10)
未完了
#01 Chart.jsを使ってみよう
(02:31)
無料公開中
Chart.jsの概要
公式サイトの確認
index.htmlの作成
未完了
#02 描画の準備をしていこう
(02:20)
無料公開中
Chart.jsの読み込み
描画処理の準備
未完了
#03 折れ線グラフを描画しよう
(02:04)
無料公開中
折れ線グラフの描画
データの追加
動作確認
未完了
#04 軸の設定を変えてみよう
(02:54)
軸の範囲設定
刻み値の設定
callbackの設定
未完了
#05 タイトルや凡例の設定をしよう
(02:06)
タイトルの設定
アニメーション設定
凡例の設定
未完了
#06 折れ線のスタイルを変えてみよう
(02:23)
borderColor
borderWidth
fill
lineTension
pointStyle
未完了
#07 棒グラフを作ってみよう
(02:23)
棒グラフの描画
スタイルの変更
未完了
#08 混合グラフを描画しよう
(02:57)
折れ線グラフの描画
縦軸の設定変更
未完了
#09 レーダーチャートを作ってみよう
(02:52)
レーダーチャートの描画
軸の設定変更
未完了
#10 円グラフを作ってみよう
(02:07)
円グラフの描画
ドーナツグラフの描画
ギャラリー
このレッスンについて
最終更新日
2018年2月7日
バージョン情報
Chart.js 2.7.1
関連キーワード
(5)
基礎講座
(360)
初心者向け
(359)
HTML5
(32)
JavaScript
(142)
開発ツール
(62)
このレッスンを共有する