Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【データ分析】Google Charts便利機能まとめ

対象者

  • グラフを使ってデータ分析したい
  • グラフのカスタマイズ機能やフィルター機能など目一杯使いたい
  • javascript 応用者

グーグルチャートについて

グーグルチャートについては、こちら の記事にまとめておりますのでご覧ください。
今回は、グーグルチャートには実はこういった便利機能がある!という紹介なので、
使い方について、こちらの記事では言及していません。
気になったものがあれば公式ドキュメントをご覧ください。

グーグルスプレッドシートを活用したグーグルチャートの使用方法

Google Spreadsheets

日本語訳

GoogleChartsとGoogleSpreadsheetsは緊密に統合されています。
GoogleチャートをGoogleスプレッドシート内に配置すると、GoogleチャートはGoogleスプレッドシートからデータを抽出できます。
このドキュメントは、両方を行う方法を示しています。
どちらの方法を選択しても、基になるスプレッドシートが変更されるたびにグラフが変更されます。

グーグルチャートの印刷方法

Printing PNG Charts

Google Chartsは、ブラウザから直接印刷することも、JavaScriptからprint()関数を介して印刷することもできます。チャートのPNG画像へのアクセスを提供する場合は、このgetImageURI()方法を使用できます 。

グラフの色や3Dグラフなどのグラフカスタマイズ方法

How to Customize Charts

チャートは通常、その視覚化に適したカスタムオプションをサポートしています。
たとえば、表グラフはsortColumnデフォルトの並べ替え列を指定するオプションをサポートし、円グラフの視覚化はcolorsスライスの色を指定できるオプションをサポートします。
各チャートのドキュメントには、サポートするオプションが記載されている必要があります。

y軸x軸のカスタマイズ方法について

Customizing Axes

軸を使用してグラフを作成する場合、それらのプロパティの一部をカスタマイズできます。

グラフの線をカスタマイズする方法

Customizing Lines

面積グラフ、線グラフ、コンボグラフなど、一部のGoogleグラフには、データポイントを結ぶ線があります。このページの手法を使用して、線の色、太さ、および破線をカスタマイズできます。

グラフの上に要素をつける方法(オーバーレイ)

Overlays

オーバーレイは、Googleのチャートの上に置かれた領域です。これは通常、特定の統計を呼び出すために使用されますが、HTMLとCSSだけなので、好きなものにすることができます。
簡単な使用法には、CSSクラスを作成し、それをHTMLで参照することが含まれます。JavaScriptは必要ありません。より高度な使用法には、GoogleChartsを使用してオーバーレイの位置とコンテンツをカスタマイズすることが含まれます。

グラフのポイントを変更する方法

Customizing Points

多くのGoogleグラフでは、データ値は正確なポイントに表示されます。折れ線グラフは、線で接続されたこれらのポイントのセットであり、散布図はポイントにすぎません。
散布図を除くすべてのグラフで、これらのポイントはデフォルトでゼロサイズになっています。pointSize オプションでサイズを制御でき、pointShape オプションで形状を制御できます。

ツールチップのカスタマイズ方法

Tooltips

ツールチップは、何かにカーソルを合わせるとポップアップする小さなボックスです。(ホバーカードはより一般的で、画面のどこにでも表示できます。ツールチップは、散布図のドットや棒グラフの棒など、常に何かに添付されます。)
このドキュメントでは、GoogleChartsでツールチップを作成およびカスタマイズする方法を学習します。

フィルター機能や他のグラフと連携させて動的にする方法

Controls and Dashboards

このページでは、複数のグラフをダッシュ​​ボードに組み合わせて、表示するデータを操作するためのコントロールをユーザーに提供する方法を説明します。

ダッシュボードは、同じ基になるデータを共有する複数のグラフをまとめて管理するための簡単な方法です。このページで説明されているAPIを使用することで、ダッシュボードの一部であるすべてのグラフを相互に接続して調整する負担から解放されます。

その他 ツールバー

Toolbar

ツールバー要素を任意のビジュアライゼーションに追加して、ユーザーが基になるデータをCSVファイルまたはHTMLテーブルにエクスポートできるようにしたり、ビジュアライゼーションを任意のWebページまたはガジェットに埋め込むためのコードを提供したりできます。

まとめ

グーグルチャートには、豊富なオプションと便利な機能がついていますね…。
使い方が難しいものもありますが、一度使いこなせるとデータ分析もしやすくなると思いますのでぜひ。

dialog-inc
『物流業界をテクノロジーの力でHAPPYに』株式会社ダイアログは、WMS(在庫管理システム)を切り口に、物流業界にテクノロジーの光を当て、物流業界に携わるすべての人がよりHAPPYとなる社会を作っていきます。
https://www.dialog-inc.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away