Animação
Anotações
annotation
é um papel de coluna disponível para as classes DataTable
e
DataView
, que não pode ser confundido com
Gráficos de anotação.Eixo
- horizontal vs. vertical
- domínio x destino
Chamada de retorno
Tipo de gráfico
ChartEditor
ChartWrapper
Função da coluna
DataTable
que descreve a
finalidade dela. Por exemplo, o papel da coluna tooltip
é atribuído às colunas que armazenam textos de dica.
Leia mais em Quais
funções estão disponíveis? e
getColumnRole
Tipo de coluna
DataTable
. Os tipos de coluna podem ser um dos seguintes:
string
number
boolean
date
datetime
timeofday
getColumnType
.Contínuo
Controle
Gráficos principais
corechart
. Leia mais em Carregamento da biblioteca básica.
Os principais tipos de gráficos são:
Painel
DataTable
DataView
DataTable
. Um DataView
pode servir como fonte de dados para o Google Charts, mas, diferentemente de um DataTable
, ele é somente leitura. Um DataView
é atualizado automaticamente quando o
DataTable
subjacente é modificado, com algumas exceções. Leia mais na classe DataView.Distinto
Domínio
Evento
ready
, select
e onmouseover
. Exemplo: "Quando o usuário clica em 'Quero maçãs', um evento userWantsApples
é gerado". Leia mais em Como lidar com eventos.Formatador
DataTable
são exibidos sem afetar os valores
subjacentes. Os gráficos do Google fornecem uma lista predefinida de formatadores e opções de formatadores. Por
exemplo, você pode usar a opção prefix
do formatador NumberFormat para exibir
o valor "1000" como "$1000".
Leia mais em Formatadores. Planilhas Google
Intervalo
interval
para exibi-los como parte de um gráfico de barras. Os intervalos costumam ser exibidos em gráficos de linhas, dispersão e barras. Os gráficos do Google oferecem vários estilos para exibir intervalos. Leia mais em Intervalos. Legenda
Carregador de biblioteca
google.charts.load
, que carrega a biblioteca da API Google Charts.
É necessário carregar a biblioteca sempre que você cria uma página da web que usa o Google Charts. Leia mais em Carregar as bibliotecas. Método
Chart
precisará expor um método draw()
.Consulta
Série
DataTable
ou DataView
, em que cada valor corresponde um para um a um valor de domínio da coluna "domain". Uma série pode ter uma ou mais
colunas associadas com funções de coluna diferentes, por exemplo, papéis de anotação ou estilo.
Exemplo: "O gráfico a seguir demonstra um gráfico com duas séries, uma em azul escuro e outra em azul claro."Empilhamento
isStacked
como true
:
Estilo
color
, opacity
,
stroke-width
e stroke-color
. Leia mais sobre o papel da coluna style
em Quais papéis estão disponíveis?Dica
tooltip
. Saiba mais em
Dicas de ferramenta.Linha de tendência