本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

自訂小工具

從頭開始建立專屬儀表板元件，以符合您的特定商業需求。您可以透過自訂小工具，在沒有任何預先定義資料時建置唯一的視覺化效果。

可用的自訂元件

建置自訂小工具

每個自訂小工具都可以設定：

資料表

自訂資料表元件有靈活的組態選項，以表格格式顯示您的資料，並提供互動和組織進階功能。

功能

圖 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
            }
        ]
    }
}