Google Charts入門 (全9回)
JavaScriptで簡単にグラフが描けるGoogle Chartsの使い方について見ていきます。
このレッスンでは JavaScript を使用しています。
-
#01 Google Chartsを使ってみよう (02:58)
- Google Chartsの概要
- index.htmlの作成
-
#02 グラフ描画の準備をしよう (02:51)
- ライブラリの読み込み
- 処理の流れ
-
#03 描画に必要なデータを用意しよう (02:04)
- データの準備
- DataTable()によるデータの追加
-
#04 データを配列で追加してみよう (01:34)
- arrayToDataTable()によるデータの追加
-
#05 オプションを指定してみよう (02:50)
- optionsの指定
-
#06 棒グラフを作ってみよう (02:39)
- 棒グラフの作成
- optionsの指定
-
#07 折れ線グラフを作ってみよう (02:54)
- 折れ線グラフの作成
- optionsの指定
-
#08 Roleを使ってみよう (02:41)
- Roleの使用
-
#09 スプレッドシートと連動させてみよう (02:44)
- スプレッドシートの読み込み
- スプレッドシートの公開設定
- 動作確認
補足情報 必要となる知識について
今回のレッスンについては以下も参考にしてみてください。
・JavaScript入門 (全24回)
https://dotinstall.com/lessons/basic_javascript_v2