Histórico da Página

...

Define as sessões ou segmentos que irão dividir o velocímetro. Recebe a TEMP-TABLE ttEstagios, definida abaixo:

Parâmetros

Nome	Direção	Tipo	Descrição
ttEstagios	INPUT	TEMP-TABLE	Temp-table contendo os registros de cada estágio/sessão/segmento do velocímetro.

ttEstagios

Campo	Tipo	Descrição
valor-inicio	DECIMAL	Valor que define em qual ponto do velocímetro esse segmento irá começar.
cor	CHARACTER	Nome ou código HEX da cor que o segmento irá assumir.
opacidade	DECIMAL	Valor da opacidade do segmento, que pode variar entre 0 e 1. Quanto mais próxima de 1, mais sólida será a cor

do segmento

. Quanto mais próxima de 0, mais transparente

ela ficará

.

Exemplo de chamada

Bloco de código

CREATE ttEstilosttEstagios.
ASSIGN ttEstilos.propriedadettEstagios.valor-inicio = 0
       ttEstagios.cor          = "color"
       ttEstilos.valor#eb445a"
       ttEstagios.opacidade    = 0.2.              
    
CREATE ttEstagios.
ASSIGN ttEstagios.valor-inicio = 70
       ttEstagios.cor          = "#eda900"
       ttEstagios.opacidade    = 0.2.               

CREATE ttEstagios.
ASSIGN ttEstagios.valor-inicio = 85
       ttEstagios.cor          = "#28ba62"
       ttEstagios.opacidade    = 0.2.         

GaugeBuilder:setThresholds(INPUT TABLE ttEstagios).

setMarkers

Recebe as definições de marcadores através da TEMP-TABLE ttMarcadores, que são pequenas setas indicadoras plotadas acima do velocímetro e que podem conter um texto adicional.

Parâmetros

Nome	Direção	Tipo	Descrição
ttMarcadores	INPUT	TEMP-TABLE	Temp-table contendo os registros de marcador.

ttMarcadores

Campo	Tipo	Descrição
valor	DECIMAL	Define em qual valor do velocímetro o marcador será anexado.
cor	CHARACTER	Nome ou código HEX da cor que o marcador irá assumir.
tamanho	DECIMAL	Tamanho em pixels do marcador.
tipo	CHARACTER	Tipo do marcador, podendo ser: line: Formato de linha/

...

pequeno risco; triangle: Formato de triângulo.
texto	CHARACTER	Texto que aparecerá acima do marcador.

Exemplo de chamada

Bloco de código

{utp/ut-liter.i Baixo * }
CREATE ttMarcadores.
ASSIGN ttMarcadores.valor   = 0
       ttMarcadores.cor     = "#eb445a"
       ttMarcadores.tamanho = 5
       ttMarcadores.tipo    = "triangle"
       ttMarcadores.texto   = RETURN-VALUE + " (" + STRING(0) + ")". 
            
{utp/ut-liter.i Médio * }
CREATE ttMarcadores.
ASSIGN ttMarcadores.valor    = 60
       ttMarcadores.cor     = "#eda900"
       ttMarcadores.tamanho = 5
       ttMarcadores.tipo    = "triangle"
       ttMarcadores.texto   = RETURN-VALUE + " (" + STRING(60) + ")".

{utp/ut-liter.i Alto * }
CREATE ttMarcadores.
ASSIGN ttMarcadores.valor   = 85
       ttMarcadores.cor     = "#28ba62"
       ttMarcadores.tamanho = 5
       ttMarcadores.tipo    = "triangle"
       ttMarcadores.texto   = RETURN-VALUE + " (" + STRING(85) + ")".   

GaugeBuilder:setMarkers(INPUT TABLE ttMarcadores).

Exemplos de velocímetros utilizando marcadores do tipo linha e triângulo, juntamente com estágios diferentes:

Image AddedImage Added

createGauge

...

Método que transforma todos os dados das temp-tables ttSeries, ttCategorias e ttTags demais propriedades em um objeto JSON, já formatado seguindo o padrão utilizado pelo painel do Gestão à Vista. Esse JSON deverá ser retornado pela API de negócio para ser processado e apresentado ao usuário final. Só deve ser invocado depois que os dados do gráfico tenham sido carregados através dos métodos setSeriessetValue, setCategories setLabel etc.

Parâmetros

Nome	Direção	Tipo	Descrição
oChartOutput	OUTPUT	JsonObject	Objeto JSON representando o gráfico que será apresentado ao usuário

...

Bloco de código

PROCEDURE pi-get-monitor-data-chart:
    DEFINE INPUT  PARAMETER TABLE FOR ttVisaoMonitor.
    DEFINE OUTPUT PARAMETER oOutput AS JsonObject.   
    DEFINE OUTPUT PARAMETER TABLE FOR RowErrors.    

    <...Criação das temp-tables, chamada dos métodos de set...>

    oOutput = ChartBuilderGaugeBuilder:createChartcreateGauge(). 

END PROCEDURE.

Árvore de páginas

Versões comparadas

Versão antiga 4

Nova versão Atual

Chave

ttEstagios

setMarkers

ttMarcadores

Exemplos de velocímetros utilizando marcadores do tipo linha e triângulo, juntamente com estágios diferentes:

createGauge