ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】Google Chart Tools入門
GoogleのChart Tools APIを使い、JavaScriptでインタラクティブかつ綺麗なグラフを描画する方法を学びます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
Google Charts入門
JavaScriptで簡単にグラフが描けるGoogle Chartsの使い方について見ていきます。
0%
動画レッスン一覧
(12)
#01 Google Chart Toolsの紹介
(02:23)
無料公開中
Google Chart Toolsの紹介
レッスンに必要なツールについて
ひながたとなるHTMLファイルの作成
未完了
#02 共通部分のコードを書く
(01:54)
無料公開中
共通部分のコードについて
処理の概要について
未完了
#03 円グラフのデータを用意する
(02:43)
無料公開中
データ形式の説明
データの準備
未完了
#04 円グラフのオプションを指定する
(01:41)
グラフオプションの指定
公式ドキュメントの参照方法
未完了
#05 円グラフを描画する
(02:34)
グラフ描画のコードについて
動作確認
オプションを変更して再び動作確認
未完了
#06 横棒グラフを描画する
(02:53)
棒グラフデータの準備
棒グラフの描画
動作確認
オプション変更
注意点について
未完了
#07 縦棒グラフを描画する
(00:56)
横棒グラフの作り方
未完了
#08 折れ線グラフを描画する
(00:43)
折れ線グラフの作り方
未完了
#09 Googleスプレッドシートと連動させる
(02:59)
Googleスプレッドシートを準備する
Googleスプレッドシートを公開する
ガジェットを作成
データソースURLの取得
未完了
#10 グラフのデータソースを指定する
(02:19)
データソースを指定する
問い合わせ結果を受け取る関数を書く
未完了
#11 グラフのオプションを指定して描画する
(02:38)
グラフのオプションを指定
グラフの描画
動作確認
Googleスプレッドシートでのデータ変更及び結果の確認
未完了
#12 Google Image Chartsについて
(02:40)
Google Image Chartsの紹介
作成ウィザードの使い方
動作確認
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2012年1月13日