Google Chartsで作る図表&インフォグラフィックス!

<縦>棒グラフの為のデータの準備と設定

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
GoogleChartsを使って<縦>棒グラフを描画する為の、実際のデータの準備と設定方法について解説致します。
講師:
03:53

字幕

このレッスンでは Google Chartsを使って 縦に伸びる棒グラフを描画するための 実際のデータの準備と 設定方法について解説いたします まずはダウンロードしてきた こちらの「prepare_data_for_column」 というフォルダの中に入っている この「index.html」を エディタで開いてください そしてこれがそのファイルを開いた状態です このファイルを使って 今回のレッスンの 解説を進めていきたいと思います それでは早速レッスンを始めていきましょう それでは縦に伸びる棒グラフ を生成するためのデータ を作成していきたいと思います 今回はこちらの部分 にご注目ください 今回は衆議院議員選挙における投票率の推移を 男女別でグラフにしてみたいと思います データの作り方はこれまでの円グラフや 横に伸びる棒グラフ と同じです では順番に見ていきます まずは変数「data」を作ってあげて 「data」を書くのせるための箱 もっと厳密にいえば データを格納するためのテーブルを 作成してあげます そしてその中に三つのデータを 入れれる枠を用意してあげます それがこちらの部分ですね まず一つ目は この縦に伸びる棒グラフの 横軸の基準となる 選挙年月 のデータとなります そしてその選挙年月のデータの種別は 「string」ということで文字列を設定します そしてこちらの二つのデータについては 実際のデータが格納される枠ですね 一つ目は「男」ということで 数値を設定できるようにしています そしてもうひとつは「女」という形で こちらも同様に数値を 設定できるようにしています そしてこの作成した枠の中に 実際のデータを入れている部分が こちらの部分となります このように定義した順番に 左からまず選挙年月の文字列 ここでは「平成5年7月」 と記入しています そして二つのデータはこちらの「男」ですね 「66.4」ということで 数値を設定しています そして次にこの「68.1」というデータですが これは三つ目に定義したこの「女」 に当てはまる値となります このように上で定義した 順番どおりに左から それに応じたデータを格納していきます そして同じように配列で どんどんとほかのデータも入力していきます そしてデータの入力がすべて完了したら 最後にこちらのオプション設定で グラフのタイトルを指定してあげましょう 今回は衆議院議員選挙における投票率の推移 という形にしています 要するに上で入力した こちらの数値は 男性や女性における投票率 要するにパーセントの数値と いうわけですね ここまでできましたら 縦に伸びる棒グラフを 描画するための準備は完了です 以上でレッスンは終了です 今回は縦の棒グラフを 描画するための実際のデータの準備と 設定方法について解説いたしました 以降のレッスンでは Google Chartsと準備したデータを利用して 実際に縦に伸びる棒グラフを 描画する方法について 解説していきますので そちらもあわせてご覧ください

Google Chartsで作る図表&インフォグラフィックス!

インフォグラフィックスとはさまざまなデータを人々が直感的に理解できるように図表化・グラフ化したものです。このコースでは、Google ChartsとJavaScriptを使ったインフォグラフィックスの作り方について解説します。このツールの基本的な使い方やさまざまな種類のチャートの作り方、またジオチャートやタイムライン機能などについても説明します。

1時間32分 (27 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2015年04月02日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。