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
Cliente
Tipos de gráfico
As opções de gráfico disponíveis no bloco são:
Linha |
|
|---|---|
Barra |
|
| Barra horizontal (horizontalBar) |
|
| Rosca (doughnut) |
|
| Pizza (pie) |
|
| Área polar |
|
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.
Figura 1.1 - Função para o bloco
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.
Figura 1.3 - Adicionando novos parâmetros de série
Sobre o parâmetro
opçõesOpçõ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
Esse parâmetro define algumas propriedades ao gráfico, como adicionar título, definir animações no gráfico, alterar o layout e entre outros e podem criar personalizações para cada uma dessas propriedades, de acordo com as opções disponibilizadas nos links abaixooutros recursos.
Acesse os links abaixo para entender como montar o JSON.
e