As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Widgets personalizados

Crie componentes de painel personalizados do zero para atender às suas necessidades comerciais específicas. Os widgets personalizados permitem que você crie visualizações exclusivas sem dados predefinidos.

Componentes personalizados disponíveis

Criar widgets personalizados

Cada widget personalizado pode ser configurado com:

Tabela

O componente de tabela personalizada fornece opções de configuração flexíveis para exibição de dados em formato tabular, com recursos avançados para interação e organização.

Recursos

Figura 1

Figura 2

Exemplo de configuração

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

Par de chave/valor

O componente Par de chave/valor permite criar exibições organizadas de pontos de dados relacionados em um formato flexível e legível.

Visão geral do

Crie exibições dinâmicas de dados ao definir relações personalizadas de chave/valor. Esse componente é particularmente útil para mostrar pares de atributos, como:

Recursos

Figura 1

Figura 2

Exemplo de configuração

{
    "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]"]
                    }
                }
            }
        ]
    }
}

Métrica de chave

O componente Key Metric permite que você exiba com destaque métricas comerciais críticas e estatísticas vitais em um formato de fácil digestão. KPIs

Visão geral do

Crie exibições de métricas de alta visibilidade que destacam pontos de dados, tendências ou indicadores de status importantes. Esse componente é ideal para mostrar:

Recursos

Figura 1

Figura 2

Exemplo de configuração

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

Gráfico de rosca

O componente de gráfico de rosca permite a visualização da pontuação de sentimentos por meio de um gráfico circular.

Visão geral do

Crie visualizações dinâmicas de sentimentos ao definir critérios de pontuação personalizados. Esse componente é particularmente útil para mostrar:

Recursos

Figura 1: exemplo de sentimento positivo

Figura 2: exemplo de sentimento negativo

Exemplo de configuração

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