すべてのプロダクト
Search

このプロダクト

    DataV:radar-chart-for-double-11

    ドキュメントセンター

    DataV:radar-chart-for-double-11

    最終更新日:Feb 07, 2025

    このトピックでは、Double 11のフルレーダーチャートを選択した場合の各設定項目の意味について説明します。

    チャートスタイル

    ダブル11レーダーチャートは、他の基本チャートの一種です。 基本的なレーダーチャートと比較して、Double 11レーダーチャートは単一の次元でのデータ表示のみをサポートします。 ダブル11期間中に各地域で販売された製品の量を表示するのに適しています。 たとえば、中国北部や中国東部などの地域で販売されている製品の数量を表示します。 image.png

    スタイルパネル image

    • 検索設定: スタイルパネルの右上隅にある検索設定項目アイコンimageをクリックします。 [検索設定] パネルで、検索する設定項目の名前を入力し、設定項目を検索します。 あいまい一致はサポートされていません。 詳細については、「設定項目の検索」をご参照ください。

      • Size: ウィジェットの幅と高さ。 単位: ピクセル。

      • ポジショニング: コンポーネントのx軸とy軸。 単位: ピクセル。 X座標は、ウィジェットの左上隅とキャンバスの左枠の間のピクセル距離を示します。 Y座標は、ウィジェットの左上隅とキャンバスの上枠の間のピクセル距離を示します。

      • 回転: ウィジェットを度で回転させます。

        • 回転角度スピンボックスに角度を直接入力するか、プラス記号 ([+]) またはマイナス記号 ([-]) をクリックして、回転角度スピンボックスの値を増減します。

        • アイコンをクリックしimageて、ウィジェットスタイルを反転します。

        • アイコンをクリックしimageて、ウィジェットスタイルを反転します。

      • Opacity: 有効な値: 0〜1。 このパラメーターが0に設定されている場合、ウィジェットは非表示になります。 このパラメーターが1に設定されている場合、ウィジェットは完全に表示されます。 デフォルト値: 1

    • グローバルレベル

      Top Offset: レーダーチャートとウィジェットの上部の間の距離。

    • アウタースタイル

      パラメーター

      説明

      エッジカラー

      外縁の色を変更するには、カラーピッカーの説明を参照してください。

      エッジライン幅

      外縁の幅。

    • レーダーエリア

      パラメーター

      説明

      プリセット最大容量

      レーダーエリアゾーンの最大プリセット値。 予め設定された最大値がデータの最大値よりも大きい場合、予め設定された最大値が大きいほど、レーダエリア割合は小さい。

      カラー

      レーダーチャートのグラデーションカラー。 右側のimageまたはimageアイコンをクリックして、カラー領域を追加または削除します。 imageまたはimageアイコンをクリックして、複数のカラーシリーズの配置スタイルを設定します。 アイコンをクリックしimageて現在のカラーシリーズ構成をコピーし、同じ構成の新しいカラーシリーズを追加します。

      • 位置: グラデーションバンド内の各色の位置。

      • 色: 各場所の色。

      エッジライン幅

      リージョンエッジの幅。 単位: ピクセル。

      エッジスタイル

      リージョンエッジのスタイル。 バリック値: CurveとLine。

      カーブラジアン

      エッジが0から1の範囲の曲線である場合のラジアン。 値が1の場合、エッジは直線となる。

    • テキストボックスと行

      パラメーター

      説明

      テキストボックスからライン

      テキストボックスと行の間の垂直距離。 単位: ピクセル。

      フォント

      タイムラインウィジェット内のテキストのフォント。 デフォルト値: Microsoft YaHei

      フォントの色。 詳細については、「カラー設定パラメーター」をご参照ください。

      コンポーネント内のすべてのテキストのフォント色。

      フォントサイズ

      コンポーネント内のすべてのテキストのフォントサイズ。

      フォントの重み

      ウィジェット内のすべてのテキストのフォントの太さ。

      ラインカラー

      ラインの色。

      接続幅

      線の幅。 単位: ピクセル。

    • スイープ: スイープ効果のスタイル。 アイコンをクリックすると开关图标、スイープ効果を有効または無効にできます。

      • Image: スイープ効果に使用されるイメージ。 イメージの URL を入力します。

      • アニメーション期間: スイープアニメーションの期間。 単位は秒です。

    [データソース] パネル image.png

    パラメーター

    説明

    タイプ

    特定のテキストコンテンツに対応するカテゴリ値。

    値

    チャートのレーダーエリアの特定のデータに対応する数値。 値が大きいほど、外側の円までの距離が近くなります。

    データ項目の設定

    説明

    DataSource

    コードエディターまたはビジュアルエディターを使用して、ウィジェットに含まれるデータフィールドを表示できます。 [データ型] パラメーターを変更して、コンポーネントデータを柔軟に設定することもできます。

    データマッピング

    グラフのフィールド設定をカスタマイズする必要がある場合は、[データマッピング] モジュールでさまざまなフィールドマッピングコンテンツを設定し、これらのコンテンツをウィジェットの対応するフィールドにフィールドマッピングできます。 これにより、データソースのフィールドを変更せずにデータを照合できます。 アイコンをクリックしてimage、フィールドスタイルを設定することもできます。

    フィルターの設定

    [フィルター] をオンにし、既存のデータフィルターを選択するか、データフィルターを作成して、データフィルタースクリプトを設定します。 詳細については、「データフィルターの管理」をご参照ください。

    データ応答結果

    [データ応答結果] セクションには、ウィジェットのデータがリアルタイムで表示されます。 ウィジェットのデータソースが変更された場合、このセクションには最新のデータが表示されます。 システム応答が遅れている場合は、右側のimageアイコンをクリックしてデータ応答結果を表示できます。 右側のアイコンをクリックしimageて、ウィジェットの最新データを取得することもできます。 [例の表示] をクリックして、現在のコンポーネントの応答結果の例を表示することもできます。

    読み込み禁止

    チェックボックスをオンにすると、コンポーネントを更新してデータかんばんをプレビューするときに、コンポーネントの初期化中にロードされたコンテンツが表示されません。 チェックボックスをオンにすると、その逆になります。 デフォルトでは、ステータスは選択解除されます。

    制御モード

    チェックボックスをオンにすると、コンポーネントは初期化された状態のデータを要求せず、グローバル変数またはBlueprint Editorで設定されたメソッドを使用してのみデータを要求します。 チェックボックスをオフにすると、自動更新を使用してデータを要求できます。 デフォルトでは、ステータスは選択解除されます。

    自動データ要求

    ポーリングの時間頻度を手動で入力して動的ポーリングを設定するには、チェックボックスをオンにします。 ページをクリアしても、ページは自動的に更新されません。 手動でページを更新するか、Blueprint Editorとグローバル変数イベントを使用してデータの更新要求をトリガーする必要があります。

    高度なパネル

    このウィジェットはインタラクションイベントをサポートしていません。

    Blueprintインタラクション

    1. 左上隅のimageアイコンをクリックして、ブループリントページに移動します。

    2. [レイヤーノード] タブで、ウィジェットをメインキャンバスに追加します。

    3. ブループリント設定パラメータを表示します。 image.png

      • イベント

        イベント

        説明

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

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

      • Action

        Action

        説明

        データのインポート

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

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

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

        移動

        ウィジェットを指定した場所に移動します。 詳細については、データ例をご参照ください。 

            {      
      // The positioning type. to indicates absolute positioning, whereas by indicates relative positioning. The default value is to. 
        "positionType": "to",
      // The location, which is indicated by the x and y coordinates. 
      "attr": {
        "x": 0,
        "y": 0
      },
      // The animation type. 
      "animation": {
        "enable": false,
        // The animation delay. Unit: milliseconds. 
        "animationDuration": 1000,
        // The animation curve, which can be set to linear|easeInOutQuad|easeInOutExpo. 
        "animationEasing": "linear"
      }
    }

        スイッチ表示 /表示

        ウィジェットを表示するか非表示にするかを切り替えます。 パラメータは必要ありません。

        表示

        ウィジェットを表示します。 詳細については、「データ例」をご参照ください。 

        {
  "animationType": "",// The animation method. Valid value: fade. If you do not set this parameter, no animation is available. 
  "animationDuration": 1000,// The animation delay. Unit: ms. 
  "animationEasing": ""// animation curve
}

        非表示

        コンポーネントを非表示にします。 詳細については、「データ例」をご参照ください。 

        {
  "animationType": "",// The animation method. Valid value: fade. If you do not set this parameter, no animation is available. 
  "animationDuration": 1000,// The animation delay. Unit: ms. 
  "animationEasing": ""// animation curve
}

        コンポーネント設定の更新

        ウィジェットのスタイル設定は動的に更新されます。 スタイルパネルで、[設定をクリップボードにコピー] をクリックしてウィジェットの設定データを取得します。 その後、Blueprint Editorでデータ処理ノードのスタイルフィールドを変更します。