Angular GoogleCharts-概要
Google Chartsは、インタラクティブなグラフ作成機能を追加することでWebアプリケーションを強化することを目的とした純粋なJavaScriptベースのグラフ作成ライブラリです。幅広いチャートをサポートします。グラフは、Chrome、Firefox、Safari、Internet Explorer(IE)などの標準的なブラウザでSVGを使用して描画されます。従来のIE6では、VMLを使用してグラフィックを描画します。
angular-google-chartsはGoogleChartsのオープンソースのAngularベースのラッパーであり、Angularアプリケーション内でエレガントで機能豊富なGoogle Chartsの視覚化を提供し、Angularコンポーネントとシームレスに使用できます。Angularアプリケーション内の適切な例とともに、GoogleChartsのすべての基本コンポーネントについて説明する章があります。
特徴
以下は、GoogleChartsライブラリの主な機能です。
Compatability −AndroidやiOSなどのすべての主要なブラウザとモバイルプラットフォームで動作するように見えます。
Multitouch Support−AndroidやiOSなどのタッチスクリーンベースのプラットフォームでマルチタッチをサポートします。iPhone / iPadおよびAndroidベースのスマートフォン/タブレットに最適です。
Free to Use −オープンソースであり、非営利目的で自由に使用できます。
Lightweight − loader.jsコアライブラリは、非常に軽量なライブラリです。
Simple Configurations − jsonを使用してチャートのさまざまな構成を定義し、習得と使用が非常に簡単です。
Dynamic −チャート生成後でもチャートを変更できます。
Multiple axes− x、y軸に限定されません。チャート上の複数の軸をサポートします。
Configurable tooltips−ツールチップは、ユーザーがチャート上の任意のポイントにカーソルを合わせると表示されます。googlechartsは、ツールチップをプログラムで制御するためのツールチップ組み込みフォーマッターまたはコールバックフォーマッターを提供します。
DateTime support−日時を特別に処理します。日付ごとのカテゴリに対する多数の組み込みコントロールを提供します。
Print −Webページを使用してチャートを印刷します。
External data−サーバーからの動的なデータのロードをサポートします。コールバック関数を使用してデータを制御します。
Text Rotation −任意の方向へのラベルの回転をサポートします。
サポートされているチャートタイプ
Google Chartsライブラリには、次の種類のグラフが用意されています。
シニア番号 | チャートタイプ/説明 |
---|---|
1 | Line Charts 線/スプラインベースのチャートを描画するために使用されます。 |
2 | Area Charts エリアごとのグラフを描画するために使用されます。 |
3 | Pie Charts 円グラフの描画に使用されます。 |
4 | Sankey Charts, Scatter Charts, Stepped area charts, Table, Timelines, TreeMap, Trendlines 散在するチャートを描画するために使用されます。 |
5 | Bubble Charts バブルベースのチャートを描画するために使用されます。 |
6 | Dynamic Charts ユーザーがグラフを変更できる動的なグラフを描画するために使用されます。 |
7 | Combinations さまざまなチャートの組み合わせを描画するために使用されます。 |
8 | 3D Charts 3Dチャートの描画に使用されます。 |
9 | Angular Gauges スピードメータータイプのチャートを描くために使用されます。 |
10 | Heat Maps ヒートマップの描画に使用されます。 |
11 | Tree Maps ツリーマップの描画に使用されます。 |
次の章では、上記の各タイプのチャートについて、例を挙げて詳細に説明します。
ライセンス
Google Chartsはオープンソースであり、無料で使用できます。リンクをたどる-利用規約。