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 gráficocomponente visual Gráfico.
Parâmetros
de EntradaNome | 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 | Personaliza o gráfico, adicionando animação, legenda, título e etc. Visualizar tópico Sobre o parâmetro opções. |
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 Servidor
Tipos de gráfico
As opções de gráfico disponíveis no bloco são:
Linha | Image Modified |
---|---|
Barra |
(bar) |
---|
Image Added |
Barra horizontal |
---|
(horizontalBar) |
---|
Image Added |
Image Removed
Image Removed
Image Removed
Image Removed Servidor
Image Removed ClienteRosca (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 browserImage Removed
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 container contêiner - e verifique o local que ele vai ser arrastadoserá encaixado, pois a ordem é alteradopode ser alterada.
Image Modified
Figura 1.3 - Adicionando novos parâmetros de série
Sobre o parâmetro opções
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 abaixo.