Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Criar gráfico
Cria um gráfico, definindo a série, legenda, nome da série, etc e o renderiza no formulário através do componente visual Gráfico.
Parâmetros
Nome | Tipo | Doc |
---|---|---|
Parâmetro 1 | string | Identificador do gráfico do componente visual. Atributo Identificador contido na tag HTML <canvas> do componente visual Gráfico. |
Parâmetro 2 | string | Seleção do tipo de gráfico a ser exibido (Tópico Tipos de gráficos). |
Parâmetro 3 | object | Informa o rótulo da série do gráfico. Caso seja mais de um rótulo, precisa ser utilizado uma lista (conforme Figura 1.1) |
Parâmetro 4 | object | Deve ser passado um JSON para personalizar o gráfico, adicionando animação, legenda, título e etc. Acesse os links disponíveis no tópico ao lado "Sobre o parâmetro opções" e veja como montar JSON e adaptar o gráfico as suas necessidades. |
Parâmetro 5 | object | Cria a(s) série(s) do gráfico através do bloco de programação Criar série. |
Compatibilidade
Image Added Cliente
Tipos de gráfico
As opções de gráfico disponíveis no bloco são:
Linha | Image Added |
---|---|
Barra | Image Added |
Barra horizontal (horizontalBar) | Image Added |
Rosca (doughnut) | Image Added |
Pizza (pie) | Image Added |
Área polar | Image Added |
Exemplo de utilização
A função abaixo cria um gráfico no qual apresenta dados para os meses julho, agosto e setembro. Esses dados são as quantidades de uma venda hipotética de chocolate e de jujuba.
Image Added
Figura 1.1 - Função para o bloco
Image Added
Figura 1.2 - Gráfico renderizado no browser
Sobre o bloco
A adição de uma nova série para o bloco criar gráfico pode ser feita clicando-se no botão de configuração do bloco de programação. Assim, basta arrastar o item até o contêiner - verifique o local que será encaixado, pois a ordem pode ser alterada.
Image Added
Figura 1.3 - Adicionando novos parâmetros de série
Sobre o parâmetro Opções
O parâmetro Opções (parâmetro 4) do bloco espera receber uma estrutura JSON com propriedades para alterar o gráfico. É possível ajustar título, definir animações, alterar o layout e outros recursos.
Acesse os links abaixo para entender como montar o JSON.