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.
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.
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.
Figura 3 - Ícones de manipulação dos componentes
- Ordem
- Leitura de tela cheia: Preenche a tela inteira com o componente;
- Veja os dados: Abre uma janela exibindo os dados em forma de tabela;
- Exportar dados Exibe três opções de exportação de dados do componente, são elas: Adope PDF, Microsoft Excel (exporta um arquivo .xlsx) e Dados (exporta um arquivo .csv).
Ordem
Ordena o gráfico de acordo com os eixos X ou Y, no exemplo da imagem abaixo, 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. OBS: Essa funcionalidade não está presente em todos os componentes. A figura abaixo é o gráfico da figura 3 ordenado por Novos casos e de forma crescente.
Figura 3.1 - Gráfico ordenado de forma crescente
Nome em inglês
Dashboard viewer
Nesta página
Compatibilidade
Formulário web
Equivalente mobile
Não possui.
Botão do Componente
Imagem no Editor Visual