Google Charts入門

JavaScriptで簡単にグラフが描けるGoogle Chartsの使い方について見ていきます。

#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)
- スプレッドシートの読み込み
- スプレッドシートの公開設定
- 動作確認

2017年11月22日

今回のレッスンについては以下も参考にしてみてください。

3分動画でマスターできるプログラミング学習サービスです。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス