翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

カスタムウィジェット

特定のビジネスニーズに合わせて、カスタマイズされたダッシュボードコンポーネントを空の状態から作成します。カスタムウィジェットを使用すると、事前定義済みのデータなしで独自のビジュアライゼーションを構築できます。

使用可能なカスタムコンポーネント

カスタムウィジェットの構築

各カスタムウィジェットは、以下を使用して設定できます。

[テーブル]

カスタムテーブルコンポーネントは、データを表形式で表示するための柔軟な設定オプションを提供し、インタラクションと整理のための高度な機能を備えています。

機能

図 1

図 2

設定例

{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Header": "Table column header"
                "Cell": {
                    "Content": {
                        "Props": {
                            "Variant": "Link",
                            "LinkOptions": {
                                "LinkType": "Drawer"
                            }
                        },
                        "Type": "TextContent",
                        "Children": ["string"]
                    }
                },
            }
        ]
    }
}

キーと値のペア

キーと値のペアコンポーネントを使用すると、関連するデータポイントを柔軟に読み取れる形式で整理して表示できます。

概要:

カスタムキーと値の関係を定義して動的データ表示を作成します。このコンポーネントは、次のような属性ペアを表示する場合に特に便利です。

機能

図 1

図 2

設定例

{
    "Type": "KeyValuePair",
    "Id": "UniqueId",
    "Props": {
        "Columns": 2,
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {
                            "FontWeight": "bold"
                        },
                        "Children": ["Profile id"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {},
                        "Children": ["[string]"]
                    }
                }
            }
        ]
    }
}

キーメトリクス

キーメトリクスコンポーネントを使用すると、重要なビジネスメトリクス、KPI、重要な統計を簡単に理解しやすい形式で表示できます。

概要:

重要なデータポイント、トレンド、またはステータスインジケータを強調表示する可視性の高いメトリクスディスプレイを作成します。このコンポーネントは、以下の表示に最適です。

機能

図 1

図 2

設定例

{
    "Type": "KeyMetrics",
    "Props": {
        "MetricDefinitions": [
            {
                "MetricLabel": "Total Revenue",
                "MetricValue": {
                    "Content": {
                        "Type": "TextContent",
                        "Props": {
                            "Format": "USD",
                            "FontSize": "large",
                            "FontWeight": "bold"
                        },
                        "Children": ["[string]"]
                    }
                },
                "Columns": 1
            }
        ]
    }
}

ドーナツグラフ

ドーナツグラフコンポーネントを使用すると、円形のドーナツグラフを通じてセンチメントスコアを視覚化できます。

概要:

カスタムスコア基準を定義して、動的なセンチメントの視覚化を作成します。このコンポーネントは、次の表示に特に便利です。

機能

図 1: ポジティブセンチメントの例

図 2: ネガティブセンチメントの例

設定例

{
    "Type": "DonutChart",
    "Props": {
        "Variant": "PositiveSentiment",
        "ConditionDefinitions": [
            {
                "Title": "Customer Satisfaction",
                "Color": "#4CAF50",
                "CalculatedAttribute": "satisfaction_score",
                "Operator": "GREATER_THAN",
                "ValueCondition": 8,
                "Points": 10
            }
        ]
    }
}