Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
O componente visualizador de dashboard renderiza os dasboards criados no Cronapp em uma página web. O visualizador de relatório também permite fazer download em alguns formatos, imprimir, mudar o modo de visualização, dentre outras funcionalidades.
Image Added
Figura 1 - Dashboard em execução na web
Propriedades
Na tabela abaixo estão descritas as principais propriedades do componente visual.
Nome | Propriedade | Função |
Configurações | options | Abre a janela de configurações do visualizador de dashboard. |
Valor | ng-model | Propriedade Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Estilo | style | Altera o estilo geral do componente da forma inline. |
Exibir | ng-show | Propriedade Angular usada para mostrar ou oculta o componente. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Adicionar dashboard ao visualizador
Para adicionar um dashboard, arraste o componente para a view e em seguida clique no ícone "..." (1 da Figura 2), a janela visualizador de dashboard será exibida (2 da figura 2), clique no ícone "..." (3 da figura 2) isso fará com que a janela de busca seja exibida, selecione o dashboard que deseja exibir e clique em ok.
Image Added
Figura 2 - Adicionando um dashboard ao componente
Ícones de manipulação dos componentes
Existem alguns ícones importantes nos componente que só são exibidos em tempo de execução, confira na figura abaixo.
Image Added
Figura 3 - Ícones de manipulação dos componentes
- Ordem: Ordena o gráfico de acordo com os eixos X ou Y, no exemplo da imagem acima X e Y são Período e Novos casos, respectivamente, também ordena de forma crescente e decrescente de acordo com o eixo selecionado.
Nome em inglês
Dashboard viewer
Nesta página
Índice |
---|
Compatibilidade
Formulário web
Equivalente mobile
Não possui.
Botão do Componente
Image Added
Imagem no Editor Visual
Image Added