チャートウィジェット—ArcGIS Experience Builder

チャートウィジェットは、データソースから取得された定量属性をグラフィカルな表現として表示します。ユーザーが、生データをもとにパターンと傾向を視覚化し、確認することが可能になります。

現在のところ、バーチャート、カラムチャート、ラインチャート、エリアチャート、パイチャート、散布図、ヒストグラムから選択できます。ウィジェットの構成時に選択するカテゴリタイプによって、チャートは集約されたグループの統計値を表すか、特定のフィールドのすべての値の統計情報を表します。

バーチャート、カラムチャート、ラインチャート、エリアチャートはすべて、表示をレンダリングするデータシリーズを使用するシリーズチャートです。データシリーズは、チャート上に表示されるデータのセットです。シリーズとは、属性に基づく値の配列として考えることができます。配列の各インスタンスはデータポイントです。各データポイントは、チャート上にプロットされたときに形状を持ちます。シリーズチャートには、一度に 1 つ以上のシリーズを表示できます。たとえば、チャートには、米国の各州の居住中の住戸と非居住の住戸の総数を表示できます。各州の居住中の住戸の数を 1 つのシリーズ、非居住の住戸の数を別のシリーズで表示します。州の各人口は、シリーズのデータポイントになります。

カラムチャートの例

パイチャートは、データ内の部分と全体の間の関係を表します。各スライスは 1 つのコンポーネントを表し、合算されたすべてのスライスは全体と等しくなります。各スライスは、全体に対する数値割合を示すデータポイントです。

散布図では、グラフ上にプロットしたポイントを使用し、2 つの変数間の関係性を表示します。

ヒストグラムでは、特定の値がデータセット内に表示される頻度を計測して、連続数値変数の分布を視覚的に集約します。チャートウィジェットのヒストグラムは、データをさまざまなビンに分類します。間隔ごとの範囲であり、各ビン内の数値データポイントを表示します。ヒストグラムは分布の表示に適しています。

例

このウィジェットを使用して、次のようなアプリの設計要件をサポートします。

フィーチャレイヤーの統計情報グラフを示します。
データパターンを解析し、視覚化します。
フィーチャ属性をグラフィカルに比較します。

使用上の注意

ウィジェットにはデータソースが必要です。マップが表示されているかどうかに関係なく、ページでチャートウィジェットを使用することができます。データソースを選択後、チャートテンプレートを選択して、特定のチャートタイプを開始できます。

チャートのデータソースには、次のいずれかを使用できます。

既存のマップ内、またはサービスから追加されたフィーチャレイヤーまたはシーンレイヤーなどの操作レイヤー
マップのテーブル (関連テーブルを含む)
別のウィジェットの出力データソース (クエリウィジェットのクエリ結果など)

ヒストグラムを作成する、またはチャートの中央値をするには、接続されているデータソースに統計情報の種類としてサポートされている percentile-continuous または percentile-discrete が含まれている必要があります。パーセンタイルをサポートするレイヤーには、advancedQueryCapabilities レイヤーオブジェクトで true に指定された supportsPercentileStatistics プロパティが含まれています。レイヤープロパティの詳細をご参照ください。

設定

チャートウィジェットには次の設定があります。

[データソース] - チャートウィジェットで解析する属性を含むソースデータを選択します。データビューの設定では、データをフィルタリングしてウィジェットに表示される情報を制限したり、データを並べ替えて特定の順序でフィーチャを表示したり、フィーチャの数を制限したりすることができます。
[チャートタイプ] - テンプレートを使用し、データ解析を表示する方法に適したチャートタイプを選択します。接続されているデータソースにチャートが含まれる場合、既存のチャートからチャートを作成できます。
- バーチャートを使用すると、カテゴリに分類されたデータを集約して比較できます。カラムチャートは縦方向のバーチャートです。
- ラインチャートを使用し、時間や距離など、連続的な範囲での変化を視覚化します。エリアチャートのパターンはラインチャートとよく似ていますが、異なるデータセット間の変化を示して、時間の経過に伴う値の伸びを表示するのに最も適しています。
- パイチャートを使用すると、スライスされたパイまたはドーナツスタイルでカテゴリデータまたは名義データの比率を示すことができます。
- 散布図を使用すると、グラフ上にポイントをプロットすることで、2 つのデータ間の関係性を表示できます。
[データ] (カラムチャート、バーチャート、ラインチャート、エリアチャート、パイチャート) - カテゴリタイプを選択し、視覚化するデータ属性およびその表示方法を構成することで、チャートのデータシリーズを生成する方法を定義します。
- [カテゴリタイプ] - オプションはカテゴリによって異なります。
  - [グループを使用] - 値をカテゴリ別に表示し、カテゴリごとに 1 つまたは複数のフィールドの統計値を表します。
    - [カテゴリフィールド] - チャートカテゴリを生成する属性フィールドを定義します。
    - [統計情報] - 指定した数値フィールドに対し、統計値を計算します。使用可能な方法には、個数、合計、平均、最小値、最大値、中央値、集約なしがあります。
    - 時間ビニングオプション - カテゴリフィールドを日付フィールドにしたときに、ラインチャートとエリアチャートに次の設定が表示されます。
      - [間隔] - 時間ビンの間隔を設定します。ビンは、連続する数値の範囲であり、データを並べ替えるために使用されます。たとえば、間隔を 1 年として定義した場合、X 軸は 1 年ごとに均等に分けられ、チャートには各年で該当するデータポイントが表示されます。
      - [間隔の調整] - 間隔を最初のデータポイントか、最後のデータポイントのどちらに合わせるかを選択します。たとえば、最初のデータポイントの日付値が 2000 年 1 月 1 日で、間隔を 10 年として定義し、[最初のデータポイントにスナップ] を選択すると、グラフ上の最初の間隔は 2000 年 1 月 1 日から 2009 年 12 月 31 日になります。
      - [空のビン] - データポイントが存在しない時間間隔の処理を選択します。空のビンをラインの区切りとして表現したり、ゼロの値を持つビンとして処理したり、それらのビンを無視して、ラインを空ではないビンに接続したりできます。
      - [不完全な間隔の切詰め] - この設定をオンにすると、グラフにおいて不完全な間隔が削除されます。不完全な間隔とは、たとえば、1 年間の間隔が 2000 年 1 月 1 日に始まるが、最後のデータポイントが 2000 年 2 月 1 日である場合などです。このとき、1 年間の完全な間隔を表示できるスペースがグラフの最後にありません。
    - [数値フィールド] - 解析する 1 つまたは複数のフィールドを選択します。
  - [フィールドを使用] - 属性値をチャートとして表示し、指定したフィールド (複数可) のすべてのフィールドまたはレコードについて、統計値を示します。
    - [統計情報] - 指定した数値フィールドに対し、統計値を計算します。使用可能な方法には、合計、平均、最小値、最大値、中央値があります。
    - [数値フィールド] - 統計情報を計算する 1 つまたは複数のフィールドを選択します。
- [並べ替え] - チャートを、値またはカテゴリ名の昇順または昇順で並べ替えます。
- [最大カテゴリ] ([カテゴリタイプ] で [グループを使用] を選択している場合に利用可能) - チャートに表示する最大カテゴリを指定します。
[データ] (散布図) - 散布図の生成方法を定義します。
- [変数] - 軸に表示する数値属性を選択します。 [X 軸の数値] と [Y 軸の数値] の値を選択します。
- [統計] - 散布図にトレンドライン (ベストフィットラインとも呼ばれる) を表示するには、[リニアトレンドの表示] をオンにします。トレンドラインでは、データポイントの線形の関係性がモデル化されます。 r² 値も表示され、2 つの軸上にある変数間の線形関係の強度を定量化します。トレンドラインの色、ストロークタイプ、および幅を変更できます。
- [シンボル] - データポイントシンボルの色、サイズ、アウトライン色、アウトラインストロークタイプ、およびアウトライン幅をカスタマイズします。
[データ] (ヒストグラム) - ヒストグラムの生成方法を定義します。
- [変数] - 接続されているデータソースから数値フィールドを選択し、必要に応じて変換を適用します。ヒストグラムを生成するには、データソースに、少なくとも 1 つの数値フィールドが含まれている必要があります。対数または平方根変換を適用できます。変換は、偏りのあるデータを処理するためによく使用されます。
- [ビン] - ビンの数を定義します。ビンは、連続する数値の範囲であり、データを並べ替えるために使用されます。たとえば、ビンの数を 10 に指定すると、数値フィールドの範囲は同じサイズの 10 個の間隔に分割され、チャートには各間隔内に含まれる値の数が示されます。ビンの色および、ビンのアウトラインの色、破線タイプ、幅を変更できます。
- [値ラベル] - 各ビンの上部に数のラベルを表示します。
- [統計情報グラフ] - データの平均値、中央値、正規分布、または標準偏差を示すオーバーレイを追加します。各オーバーレイの色、破線タイプ、および幅を変更できます。
[シリーズ] (カラムチャート、バーチャート、ラインチャート、エリアチャートで利用可能) - データシリーズの積み上げタイプ、シンボル、ラベルを変更します。
- [積み上げ] - 同じタイプのシリーズを横に並べるか、積み上げるか、100% 積み上げによってグループ化します。
- [値ラベル] - 各シリーズシンボルに値ラベルを表示および配置します。
- シリーズごとに、シンボルスタイルとシリーズラベルを編集できます (シリーズラベルは、凡例が有効になっている場合にシリーズを区別します)。
- ラインチャートおよびエリアチャートでは、各統計値のポイントを表示し、ポイントシンボルスタイルを編集できます。
[軸] (パイチャートでは利用不可) - カテゴリ軸と値軸のプロパティをカスタマイズします。
- [カテゴリ軸] (散布図の場合は [X 軸])
  - [軸のタイトル] - カテゴリ軸のタイトルを指定します。
  - 軸ラベル
    - [文字数制限] - 各カテゴリラベルに表示する文字数を指定します。
    - [配置] - 軸の縮尺に従って、カテゴリラベルを配置および整列する方法を指定します。
  - [軸グリッド] - 垂直グリッドを表示します。
- [値軸] (散布図の場合は [Y 軸])
  - [値の範囲] - 最小値と最大値を指定し、軸の縮尺をカスタマイズします。
  - [軸のタイトル] - 値軸のタイトルを指定します。
  - 軸ラベル
    - [小数] - 各値スケールの小数点以下の桁数を指定します。
      - [一様分布] - 軸のすべての値の小数点以下表示桁数を指定します。
      - [混合] - 軸の値の小数点以下の最小桁数と最大桁数を指定します。
    - [表記] - 数値の表示形式を選択します。[標準]、[コンパクト]、[指数]、[エンジニアリング] から選択できます。
    - [桁区切り記号を表示] - 1000 以上の値に桁区切り記号を表示します。
  - [軸グリッド] - 水平グリッドを表示します。
  - [補助ガイド] - チャートの特定部分に注意を向けるために補助ガイドを表示します。ラベルの指定、ラベルの整列、値軸での始点と終点の設定、色とアウトラインのカスタマイズを行ったり、チャートの上と下のどちらにガイドをレンダリングするかを選択したりできます。
[スライス] (パイチャートのみ) - パイスライスのプロパティをカスタマイズします。
- [値ラベル] - チャート内の各スライスに値ラベルを表示します。
  - [ラベルタイプ] - [値] つまりフィーチャの数、または [パーセンテージ] でスライスにラベル付けします。後者のオプションを選択すると、値ラベルとパーセンテージラベルの両方が表示されます。
  - [ラベルオフセット] - スライスのエッジからラベルをオフセットするピクセル数を指定します。
- [グループ化] - その他とラベル付けされた 1 つのカテゴリで特定のパーセンテージのスライスをすべてグループ化します。たとえば、パイチャートが 3 つのスライスに分割され、1 つがパイの 90 パーセントを占め、2 つが 5 パーセントを占めている場合、グループ化フィールドに 6 パーセントの値を指定すると、2 つの小さいスライスがパイの 10 パーセントを占める 1 つのその他スライスに結合されます。
- [アウトライン] - チャートのアウトライン色、パターン、幅をカスタマイズします。
- [カラーモード] - チャートの色をカスタマイズします。
  - [単一色] - 色を 1 つ選択します。
  - [カテゴリ別] - カテゴリでチャートに色付けします。設定ボタンをクリックして、[スライス色] ウィンドウを開きます。
    - [スライス色] - カテゴリでスライス色をカスタマイズします。デフォルトでスライス色設定ウィンドウは、リンクされたデータから最大 20 個のカテゴリを読み込みます。最大で 50 個のカテゴリを追加できます。 [カテゴリを追加] をクリックすると、値の名前を一致させることでカテゴリを手動で追加できます。または、[自動読み込み] ボタンをクリックすると、リンクされたデータからカテゴリを自動的に読み込むことができます。クリックするたびに、10 個のカテゴリが読み込まれます。個別のカテゴリの色を変更するか、[色の適用] をクリックして、事前に作成されたカラーセットから選択します。
[一般] - チャートの一般的なプロパティを指定します。
- [チャートのタイトル] - チャートのタイトルを指定します。
- [説明] - チャートを説明します。
- [チャートの方向] - バーチャートをカラムチャート変換するなど、表示方向を変更します。
- [凡例] - チャートに凡例を表示します。
  - [凡例タイトル] - 凡例のタイトルを指定します。
  - [凡例の位置] - チャートで凡例を配置する場所を指定します。
[表示設定] - チャートの外観をカスタマイズします。
- [背景] - 背景色を変更します。
- [テキストエレメント] - チャート内の各テキストエレメントのテキストスタイルを編集し、[すべてのテキスト] を有効にすることですべてのテキストにスタイル変更を適用します。
- [シンボルエレメント] - 軸とグリッドを含む各チャートラインエレメントのスタイルを編集し、[すべてのライン] を有効にすることで、すべてのエレメントにスタイル変更を適用します。
[ツール] - ユーザーがチャートパターンを試し、観察できるよう、ランタイムツールを追加します。
- [選択とズーム] - シリーズの選択と、チャートでの拡大または縮小を可能にします。

カテゴリタイプ

通常、チャートでデータソース値の解析、計算、表示を行うためにデータカテゴリを生成するには、[グループを使用] と [フィールドを使用] カテゴリタイプの 2 つのオプションがあります。

グループを使用

[グループを使用] カテゴリタイプは、値をカテゴリ別に表示します。このチャートは、データの集約を利用してカテゴリを作成します。フィーチャやレコードを、指定されたカテゴリフィールドの値に基づいて、カテゴリ別にグループ化します。各カテゴリの 1 つまたは複数のフィールドの統計値を示します。シリーズチャートまたはパイチャート内の各データポイントは、カテゴリにグループ化したフィールドの統計値 (個数、合計、平均、最小値、最大値、中央値) を表します。たとえば、Name、Class、Gender、Age、Exam1、Exam2 のフィールドを含む生徒データで Class フィールドを使用し、データをチャート内のさまざまなカテゴリにグループ化できます。たとえば、各 Class カテゴリで Age フィールド値の平均を計算するなどです。

グループを使用カテゴリタイプのチャートの例

フィールドを使用

[フィールドを使用] カテゴリタイプは、属性値をチャートとして表示し、指定したフィールド (複数可) のすべてのフィールドまたはレコードについて、統計値を示します。カテゴリを表すために 1 つ以上の数値フィールドが指定されます。フィールドまたはカテゴリごとに統計情報のサマリーが計算されて、データポイントを作成します。前の例と同じデータを使用して、全生徒の Exam1 と Exam2 の平均スコアを計算し、プロットできます。

フィールドを使用カテゴリタイプのチャートの例

操作オプション

チャートは、ソースデータの統計値を示します。チャートと同じソースデータを使用して、他のウィジェットを操作するには、[アクション] ウィンドウにアクションを追加できます。たとえば、バーなどのチャートシンボルを選択し、マップウィジェットやリストウィジェットで対応するフィーチャを表示します。そのためには、[メッセージアクション] をクリックして [レコード選択の変更] のトリガーを追加します。 [フレームワーク] を選択して [データレコードの選択] を選択します。トリガーデータとはチャート統計値の出力で、トリガーが処理するデータとして追加できます。トリガーデータから取得したトリガーフィールドと、アクションデータから取得したアクションフィールドを構成し、トリガーとアクションデータを接続します。接続すると、チャート統計情報の選択肢によって、ソースデータの選択アクションが開始します。また、チャート内に [データアクション] を構成し、テーブルウィジェットの統計情報を表示することもできます。

ヒント:

アクション接続を行うために、対応するフィールドは、チャート出力統計とソースデータで一致する必要があります。チャート統計情報データは、結果に基づいて新しい OBJECTID を生成します。これは、ソースデータでは同じ一意 ID ではありません。最適な結果を得るため、チャートを構成するときに使用したカテゴリフィールドを使用します。

注意:

同じデータソースを使用するウィジェットに影響するフレームワークレベルの選択またはフィルタリングアクションを除き、現在のところ、マップウィジェットではチャートウィジェットのメッセージでフラッシュアクションとフィルターアクションをサポートしています。

制限事項

各チャートタイプの現在の表示制限を以下に示します。

チャートの系列が 1 つである場合、バーチャートとカラムチャートのバーまたはカラムの最大数は 10,000 個です。チャートに 2 つの系列がある場合、各系列は最大で 1,000 個のバーまたはカラムを持つことができます。チャートに 3 つ以上の系列がある場合、各系列は最大で 100 個のバー、または合計で最大 2,000 個のカラムを持つことができます。
パイチャートの最大スライス数は 300 個です。
ラインチャートの合計最大ポイント数は 10,000 個で最大系列数は 100 個です。
散布図の最大ポイント数は 10,000 個です。
注意:
入力データのフィーチャ数が 10,000 個を超えると、散布図は自分のエリアを 100 x 100 のセルのグリッドに分割してデータを集約します。同じセル内にあるポイントは、グラフ上で 1 つのポイントに結合されます。集約されたポイントの x 位置と y 位置の値は、元のポイントの x と y の最大値です。グリッドが 100 x 100 であるため、散布図は最大 10,000 個の集約されたポイントを表示できます。
ヒストグラムの最大ビン数は 64 個です。

このトピックへのフィードバック

例