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

DataV:ドーナツ层

最終更新日:Jul 17, 2024

この記事では、グラフスタイルのドーナツ層と各設定項目の意味について説明します。

チャートスタイル

ドーナツレイヤーは3Dアースのサブコンポーネントであり、ドーナツの半径、サイズの色、ダイアログボックスの設定など、独立したスタイルの設定をサポートします。 image..png

設定パネル

image..png

  • [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「設定の検索」をご参照ください。
  • 最小半径: ドーナツ層の内側の半径。

  • 最大半径: ドーナツ層の外側の半径の値。

  • ドーナツサイズ: ドーナツレイヤーのサイズ。

  • 外轮の色: ドーナツ层の外轮の色。

  • インナーレンダモード: モノクログラデーションを含む、ドーナツレイヤーの内側の円のカラーレンダリングモード。

  • 開始色終了色: ドーナツの開始色と終了色。 この設定項目は、インナーレンダーモードグラデーションを選択した場合にのみ表示されます。

  • 内側の色: ドーナツ層の内側の円の色。 この設定項目は、インナーレンダーモードモノクロに設定されている場合にのみ表示されます。

  • ダイアログボックスの設定: プレビューページまたは公開ページでドーナツを移動またはクリックしたときに表示されるダイアログボックスのスタイル。

    パラメーター

    説明

    背景色

    ダイアログボックスの背景色。

    フォント

    ダイアログボックス内のテキストのフォントスタイル。

    フォントの色。

    ダイアログボックスのフォントの色。

    サイズ

    ダイアログボックスのフォントのサイズ。

  • シリーズ: image..pngまたはimage..pngアイコンをクリックして、散布系列を追加または削除します。 横排列图标または竖排列图标アイコンをクリックして、複数の散布系列の配置スタイルを設定します。 アイコンをクリックし复制图标て、選択したシリーズ構成をコピーし、同じ構成のシリーズを追加します。

    パラメーター

    説明

    キー名

    スキャッタクラスのフィールド名。データパネルのドーナツフィールドの対応するseriesフィールドと一致します。

    カラー

    この散布図クラスの色。

データパネル

image..png

設定フィールドの説明

パラメーター

説明

lng

ドーナツの中心点の経度。

lat

ドーナツの中心点の緯度。

インナー

ドーナツの内側の円の値。

アウター

ドーナツの外側の円の値。

ドーナツ

リングチャートのデータ。 データフィールドは、[シリーズ設定] セクションのフィールド名と一致します。

表1. パラメーター
パラメーター説明
制御モードスイッチをオンにすると、ウィジェットの初期化時にデータが要求されません。 データリクエストは、コールバックIDまたはBlueprint Editorで設定されたメソッドに基づいてのみトリガーされます。 スイッチをオフにすると、データ要求が自動的にトリガーされます。 デフォルトでは、スイッチはオフになっています。
自動データ要求[自動データ要求] チェックボックスをオンにすると、動的ポーリングを有効にし、ポーリング間隔を手動で指定できます。 このチェックボックスをオンにしないと、データは自動的に要求されません。 手動でページを更新してデータを要求するか、Blueprint EditorまたはコールバックIDイベントを使用してデータ要求をトリガーする必要があります。
データソースキャンバスエディターの右側のパネルで、[データ] タブをクリックします。 [静的データ] の横にある [設定] をクリックします。 [Configure Datasource] パネルで、[data source Type] ドロップダウンリストからデータソースを選択します。 コードエディターでデータクエリのコードを入力し、[データ応答のプレビュー] をクリックしてデータソースの応答をプレビューし、応答を表示します。 詳細については、「資産データの設定」をご参照ください。
データフィルター[データフィルタ] チェックボックスをオンにすると、データ構造の変換、データのフィルタリング、および簡単な計算を実行できます。 [フィルターの追加] の横にあるプラス記号 (+) をクリックすると、表示されるエディターでデータフィルターのスクリプトを設定できます。 詳細については、「データフィルターの使用」をご参照ください。
データ応答結果データ要求に対する応答。 データソースが変更された場合は、[データ応答結果] の横にあるRefresh icon アイコンをクリックして、データ応答をリアルタイムで表示できます。

相互作用パネル image..png

ウィジェット間のインタラクションを有効にするには、[有効化] チェックボックスをオンにします。 ドーナツをクリックすると、データ要求がトリガーされ、コールバック値がスローされ、さまざまなドーナツのデータが動的にロードされます。 デフォルトでは、データのlnglatの値が返されます。 詳細については、「カードフリップウィジェットのコールバックIDを設定する方法」をご参照ください。

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

  1. Canvas Editorで、3D EarthウィジェットのDonut Layerの横にある导出到蓝图编辑器アイコンをクリックします。

  2. 左上隅の蓝图图标アイコンをクリックします。

  3. Blueprint Editorで、[ノードのインポート] ペインで [ドーナツレイヤー] コンポーネントをクリックします。 次の図に示すように、キャンバス上のドーナツレイヤーの設定パラメーターを表示できます。 image..png

    • イベント

      イベント

      説明

      データインターフェイス要求が完了したとき

      イベントは、データインターフェイス要求が応答され、フィルターによって処理された後、処理されたJSONデータでトリガーされます。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。

      データインターフェイス要求が失敗した場合

      データインターフェイス要求が失敗したときに返され (要求はネットワークの問題またはインターフェイスのエラーが原因である可能性があります) 、フィルターによって処理されるイベント。 イベントは、処理されたJSONデータもスローします。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。

      ドーナツがトリガーされます

      ドーナツをクリックしたときに発生し、そのドーナツに対応するデータ項目をスローするイベント。

    • ポリシーアクション

      ポリシーアクション

      説明

      要求データインタフェース

      このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、ドーナツレイヤーがAPIデータソースをhttps:// api.testとして設定し、リクエストデータインターフェイスに渡されるデータを { id: '1'} として設定した場合、最終的なリクエストインターフェイスはhttps:// api.test?id=1です。

      データのインポート

      ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。

      表示ウィジェット

      ウィジェットは、パラメータを指定する必要なしに表示されます。

      非表示コンポーネント

      ウィジェットは、パラメータを指定する必要なしに非表示になります。