Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Array com os objetos de série do gráfico, que representam as colunas/fatias/linhas, conforme o tipo de gráfico. Possui as mesmas propriedades do objeto Series do PO-CHART.


PropriedadeDescrição
color (opcional)Cor da série do gráfico, podendo ser o nome da cor ou código hexadecimal.
dataValor da série. Para gráficos do tipo pie ou donut, deve ser um valor decimal. Para os gráficos bar, column ou line, será um Array de decimais.
labelNome da série.
tooltip (opcional)Texto que aparecerá ao passar o mouse sobre a série.
type (opcional)Tipo da série.


Altura (opicional)

Altura que o gráfico terá dentro do widget.

...

Array contendo objetos que se tornarão PO-TAGS, que pode ser usado para exibir dados importantes e concisos de forma compacta. As tags ficarão abaixo dos headers, se existirem.


PropriedadeDescrição
colorTexto (opcional)Cor do texto da tag
icone (opcional)Aceita os ícones conforme https://po-ui.io/guides/icons
textoTexto a ser exibido na tag
Bloco de código
languagejava
titleEstrutura do JSON de retorno
Exemplo de JSON para monitor do tipo Gráfico de Pizza

{
    "altura": 290,
    "categorias": [
        "Estados dos CTs"
    ],
    "series": [
        {
            "color": "#F50031",
            "data": 1.0,
            "label": "Parado",
            "tooltip": "",
            "type": "pie"
        },
        {
            "color": "#26BA41",
            "data": 4.0,
            "label": "Produzindo",
            "tooltip": "",
            "type": "pie"
        },
        {
            "color": "#007acc",
            "data": 0.0,
            "label": "Setup",
            "tooltip": "",
            "type": "pie"
        },
        {
            "color": "#A0B9BF",
            "data": 3.0,
            "label": "Ocioso",
            "tooltip": "",
            "type": "pie"
        }
    ],
    "tags": [
        {
            "colorTexto": "",
            "icone": "po-icon-pin",
            "texto": "Área: 002"
        },
        {
            "colorTexto": "",
            "icone": "po-icon-manufacture",
            "texto": "Produzido:            58,0000  "
        },
        {
            "colorTexto": "",
            "icone": "po-icon-document-filled",
            "texto": "Previsto:           220,0000  "
        },
        {
            "colorTexto": "",
            "icone": "po-icon-minus-circle",
            "texto": "Refugado:             2,0000"
        }
    ]
}

...