すべてのプロダクト
Search
ドキュメントセンター

DataV:散布レイヤー (v1.xバージョン)

最終更新日:Jul 15, 2024

散乱層は、基本フラットマップのサブコンポーネントである。 スキャッタレイヤーのスキャッタスタイル、ラベルスタイル、ポップアップスタイル、インタラクション変数など、独立したスタイル、データ、インタラクションの設定をサポートします。 それは、地理的位置における点データ情報を散乱点の形で表すことができる。 このトピックでは、スキャッタレイヤーの設定項目について説明します。

コンポーネント[散布レイヤー] をクリックします。 [散布レイヤー] の [設定] タブが表示されます。

パラメーター

  • [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「設定の検索」をご参照ください。
  • デフォルト設定
    • コールバックID: コンポーネント間でデータをリンクするために使用される変数。 このパラメーターをデータのフィールドに設定する必要があります。
      重要 この機能はインタラクションパネルに更新されました。 この機能は、[設定] パネルで非推奨になります。 [インタラクション] タブでコールバックIDを設定します。
    • 寸法: テキストメモを散布します。 ラベルの右側にあるEye iconアイコンをクリックして、ラベルの表示を制御します。
      • ラベリングフィールド: このパラメーターは、[データ] タブのデータソースと一緒に使用されます。 ラベル付けフィールドは、データソースのフィールドの名前と一致する必要があります。 たとえば、このパラメーターをnameに設定した場合、ビジュアライゼーションアプリケーションのスキャッタアノテーションがnameフィールドの値として表示されます。
      • : ラベルテキストの色。 詳細については、「カラーピッカーの説明」をご参照ください。
      • 影の色: 寸法テキストの影の色。
      • フォント: ラベルテキストのフォント。
      • [フォントサイズ] :ラベルのフォントサイズ。
      • ラベルの位置: 中央上部中央下部中央など、散布図に対するラベルテキストの位置。
    • アイコン: スイッチをオンにすると、散布ドットがアイコンとして表示されます。 [アイコン設定] セクションで、アイコン画像、アイコンのサイズ、オフセット方法、および注釈オフセットを設定できます。 チェックボックスをオフにすると、散布ドットがドットとして表示されます。 散布ドットの色、サイズ、およびエッジは、散布設定セクションで設定できます。
      • アイコン設定
        • アイコンサイズ: スキャッタアイコンのサイズ。
        • アイコン画像
          • ポインタを画像の上に移動し、[削除] をクリックして画像を削除します。 次に、画像領域をクリックするか、ローカル画像をその領域にドラッグして散布アイコンを追加します。
          • 画像の上にポインターを移動し、[変更] をクリックしてローカル画像を再度アップロードします。
          • 画像のURLアドレスを入力して、リモートサーバー上の画像をスキャッタアイコンとして使用することもできます。
        • アイコンの位置: アイコンの位置。 [下部センター] または [下部センター] を選択できます。
        • Label X Offset: 散布に対するラベルのXオフセット。 有効な値: -100から100。 単位: ピクセル。
        • Label Y Offset: 散布に対するラベルのYオフセット。 有効な値: -100から100。 単位: ピクセル。
      • 散布図の設定
        • データマッピング: スイッチをオンにすると、データソースのvalue値に基づいて散布の色とサイズを設定できます。
        • 塗りつぶしの色: データソースの最大値、最小値、または空のに対応する散布図の色を設定します。 最大値と最小との間の値を有する散布については、システムは、散布の色を、スケールに従って最大値の色から最小値の色までの勾配に設定する。 このオプションは、データマッピングが有効な場合にのみ使用できます。
        • スキャッタサイズ: データソースのvalue値が最大、最小、またはnull値の場合のスキャッタサイズを指定します。 最大値と最小値の間のを持つ散布の場合、システムは散布のサイズを最大散布点と最小散布点の間のスケールに設定します。 このオプションは、データマッピングが有効な場合にのみ使用できます。
        • エッジオプション: 散布エッジの色と太さを設定します。
    • ボックススタイル: [プレビュー] または [公開] ページで、表示されるボックススタイルをクリックします。
      • フォントの色: ボックス内のテキストの色。
      • フォントサイズ: ボックス内のテキストのサイズ。
  • シリーズ: Plus iconまたはTrash Can iconアイコンをクリックして、シリーズを追加または削除します。 HorizontalまたはVerticalアイコンをクリックして、複数のシリーズの配置スタイルを設定します。
    • Type Filter Value: データソースのtypeフィールドに対応する散布パターンを指定します。
    • アイコン: スイッチをオンにすると、散布ドットがアイコンとして表示されます。 [アイコン設定] セクションで、アイコン画像、アイコンのサイズ、オフセット方法、および注釈オフセットを設定できます。 スイッチをオフにすると、散布ドットがドットとして表示されます。 散布ドットの色、サイズ、およびエッジは、散布設定セクションで設定できます。 詳細については、「デフォルト設定」をご参照ください。

フィルタリングテーブルのメタデータ。

上図のサンプルjsonコードをダウンロードするには、example. JSONをクリックします。

表1. パラメーター
パラメータまたはアイテム機能
lat散布の緯度。
lng散布の経度。
タイプ(オプション) マルチシリーズ構成。これは、構成パネルのシリーズ構成と組み合わせて使用され、スキャッタのタイプを構成します。
説明 系列値がない、または系列値内にないデータポイントは、構成パネルのデフォルト設定を使用してレンダリングされます。
infoオプションです。 [散布] をクリックします。 ポップアップメッセージが表示されます。
iconUrlオプションです。 スキャッタアイコンのURL。
(オプション) 散布データマッピングは、散布の色とサイズを設定するために、設定パネルで散布構成の最大値、最小値、および無データ設定項目とともに使用されます。
nameオプションです。 散布点のラベル名。 ポイントラベルの表示に使用できます。 ラベル名は、特定の散布点のラベル情報スタイルを設定するための設定パネルの [ラベル] フィールドに対応しています。
rotationAngleオプションです。 スキャッタアイコンの回転角度。 単位: 度 (°) 。 このパラメーターは、設定パネルでアイコン設定項目を有効にし、アイコンを設定した後にのみ有効になります。 カスタムアイコンをアップロードするか、データソースのiconUrlをカスタマイズできます。
表1. パラメーター
パラメーター説明
制御モードスイッチをオンにすると、ウィジェットの初期化時にデータが要求されません。 データリクエストは、コールバックIDまたはBlueprint Editorで設定されたメソッドに基づいてのみトリガーされます。 スイッチをオフにすると、データ要求が自動的にトリガーされます。 デフォルトでは、スイッチはオフになっています。
自動データ要求[自動データ要求] チェックボックスをオンにすると、動的ポーリングを有効にし、ポーリング間隔を手動で指定できます。 このチェックボックスをオンにしないと、データは自動的に要求されません。 手動でページを更新してデータを要求するか、Blueprint EditorまたはコールバックIDイベントを使用してデータ要求をトリガーする必要があります。
データソースキャンバスエディターの右側のパネルで、[データ] タブをクリックします。 [静的データ] の横にある [設定] をクリックします。 [Configure Datasource] パネルで、[data source Type] ドロップダウンリストからデータソースを選択します。 コードエディターでデータクエリのコードを入力し、[データ応答のプレビュー] をクリックしてデータソースの応答をプレビューし、応答を表示します。 詳細については、「資産データの設定」をご参照ください。
データフィルター[データフィルタ] チェックボックスをオンにすると、データ構造の変換、データのフィルタリング、および簡単な計算を実行できます。 [フィルターの追加] の横にあるプラス記号 (+) をクリックすると、表示されるエディターでデータフィルターのスクリプトを設定できます。 詳細については、「データフィルターの使用」をご参照ください。
データ応答結果データ要求に対する応答。 データソースが変更された場合は、[データ応答結果] の横にあるRefresh icon アイコンをクリックして、データ応答をリアルタイムで表示できます。

相互連携

ウィジェット間のインタラクションを有効にするには、[有効化] チェックボックスをオンにします。 散布層サブコンポーネントは、インタラクティブな構成を有する。 スキャッターをクリックすると、コールバック値をスローできます。 デフォルトでは、データのlngフィールドとlatフィールドがスローされます。 詳細は、「コールバックIDの設定」をご参照ください。

Blueprint Editorでのインタラクションの設定

  1. キャンバスエディターで、基本フラットマップウィジェットの散布レイヤーの横にあるAdd to Blueprint Editorアイコンをクリックします。
  2. ページのBlueprint Editor icon左上隅にあるアイコンをクリックします。
  3. ブループリントエディターで、[追加ノード] ウィンドウで [散布レイヤー] をクリックします。 キャンバス上の散布図レイヤーのパラメーターを設定できます。
    • イベント
      イベント説明
      データインターフェイス要求が完了したときイベントは、データインターフェイス要求が応答され、フィルターによって処理された後、処理されたJSONデータでトリガーされます。 特定のデータについては、「データ」をご参照ください。
      ポイントをクリックしたときスキャッターレイヤーのポイントがクリックされたときに発生するイベントで、スキャッターに対応するデータ項目も発生します。
    • ポリシーアクション
      Action説明
      要求データインタフェースこのアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、APIデータソースがhttp:// api.testで、リクエストデータインターフェイスに渡されるデータが { id: '1'} の場合、最終的なリクエストインターフェイスはhttp:// api.test?id=1です。
      データのインポートウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータについては、「データ」をご参照ください。
      表示ウィジェットは、パラメータを指定する必要なしに表示されます。
      非表示ウィジェットは、パラメータを指定する必要なしに非表示になります。