Gráfico de anotações

Se definido como verdadeiro, qualquer texto de anotação que inclua tags HTML será renderizado como HTML.

Um sufixo a ser adicionado a todos os valores nas legendas e marcações nos eixos verticais.

A largura (em porcentagem) da área das anotações em toda a área do gráfico. Precisa ser um número no intervalo de 5 a 80.

As cores a serem usadas nas linhas e rótulos do gráfico. Uma matriz de strings. Cada elemento é uma string em um formato de cor HTML válido. Por exemplo, "vermelho" ou "#00cc00".

O formato usado para exibir as informações de data no canto superior direito. O formato desse campo é conforme especificado pela classe java SimpleDateFormat.

Se definido como false, o gráfico ocultará a tabela de anotações, e as anotações e anotaçõesText não ficarão visíveis (a tabela de anotações também não será exibida se não houver anotações nos seus dados, independentemente dessa opção). Quando essa opção é definida como verdadeira, após cada coluna numérica, é possível adicionar duas colunas de string de anotação, uma para o título da anotação e outra para o texto.

Se definido como verdadeiro, o gráfico exibirá um controle de filtro para filtrar as anotações. Use essa opção quando houver muitas anotações.

Indica se um pequeno separador de barra ( | ) deve ser exibido entre os valores de série e a data na legenda, em que verdadeiro significa sim.

Indica se uma versão arredondada dos valores é exibida na parte superior do gráfico para economizar espaço. Já "false" indica que isso pode ser feito. Por exemplo, se ela for definida como "false" (falsa), 56.123.45 poderá ser exibida como 56.12 mil.

Indica se os pontos serão exibidos ao lado dos valores no texto da legenda, em que verdadeiro significa sim.

Indica se os valores destacados são mostrados na legenda, em que verdadeiro significa sim.

Mostra ou não a área de seleção do intervalo de zoom (a área na parte inferior do gráfico), em que false significa não.

O contorno no seletor de zoom é uma versão em escala de registro da primeira série no gráfico, dimensionada para se ajustar à altura do seletor de zoom.

Mostra ou não os botões de zoom ("1d 5d 1m" e assim por diante), em que false significa não.

Um número de 0 a 100 (inclusive) especificando o alfa do preenchimento abaixo de cada linha no gráfico de linhas. 100 significa 100% opaco e 0 significa que não há preenchimento. A cor de preenchimento é a mesma da linha acima dela.

Indica se você quer colocar a legenda colorida na mesma linha com os botões de zoom e a data ("sameRow") ou em uma nova linha ("newRow").

O valor máximo a ser exibido no eixo Y. Se o ponto de dados máximo exceder esse valor, essa configuração será ignorada, e o gráfico será ajustado para exibir a próxima marcação principal acima do ponto de dados máximo. Ele terá precedência sobre o eixo Y máximo determinado por scaleType.

Isso é semelhante a maxValue nos gráficos principais.

O valor mínimo a ser exibido no eixo Y. Se o ponto de dados mínimo for menor que esse valor, essa configuração vai ser ignorada, e o gráfico vai ser ajustado para mostrar a próxima grande marcação abaixo do ponto de dados mínimo. Ele terá precedência sobre o mínimo do eixo Y determinado por scaleType.

Isso é semelhante a minValue nos gráficos principais.

Especifica os padrões de formato de número a serem usados para formatar os valores na parte superior do gráfico.

Os padrões precisam estar no formato especificado pela classe decimalFormat java.

• Se não for especificado, o padrão de formato será usado.
• Se um único padrão de string for especificado, ele será usado para todos os valores.

• Se um mapa for especificado, as chaves serão índices de série (baseados em zero), e os valores serão os padrões a serem usados para formatar a série especificada.

  Não é necessário incluir um formato para cada série no gráfico. Todas as séries não especificadas usarão o formato padrão.

Se essa opção for especificada, a opção displayExactValues será ignorada.

Especifica quais valores serão mostrados nas marcações do eixo Y no gráfico. O padrão é ter uma única escala no lado direito, que se aplica a ambas as séries, mas você pode ter diferentes lados do gráfico dimensionados para diferentes valores de série.

Essa opção usa uma matriz de zero a três números, especificando o índice (baseado em zero) da série a ser usada como o valor de escala. O local em que esses valores são mostrados depende de quantos valores são incluídos na matriz:

• Se você especificar uma matriz vazia, o gráfico não vai mostrar valores de Y ao lado das marcações.
• Se você especificar um valor, a escala da série indicada será exibida somente no lado direito do gráfico.
• Se você especificar dois valores, a escala da segunda série será adicionada à direita do gráfico.
• Se você especificar três valores, será adicionada uma escala para a terceira série no meio do gráfico.
• Qualquer valor após o terceiro na matriz será ignorado.

Ao exibir mais de uma escala, é aconselhável definir a opção scaleType como "allfix" ou "allmaximized".

Formato de número a ser usado para as etiquetas de marcação do eixo. O padrão de '#' é exibido como um número inteiro.

Define os valores máximo e mínimo mostrados no eixo Y. As seguintes opções estão disponíveis:

• "maximizado" - o eixo Y abrangerá os valores máximos da série. Se você tiver mais de uma série, use allmaximized.
• "fixo" [padrão]: o eixo Y varia, dependendo dos valores dos valores de dados:
  • Se todos os valores forem >=0, o eixo Y vai abranger de zero ao valor máximo de dados.
  • Se todos os valores forem <=0, o eixo Y vai abranger de zero ao valor mínimo dos dados.
  • Se os valores são positivos e negativos, o eixo Y varia entre o número máximo e o mínimo da série.
    Para várias séries, use "allfix".
• "allmaximized" - o mesmo que "maximized", mas é usado quando várias escalas são exibidas. Ambos os gráficos serão maximizados dentro da mesma escala, o que significa que um número será deturpado em relação ao eixo Y, mas ao passar o cursor sobre cada série, ele exibirá o valor real.
• "allFixed" – o mesmo que "Fixo", mas é usado quando várias escalas são mostradas. Essa configuração ajusta cada escala à série a que se aplica (use com scaleColumns).

Se você especificar as opções mínima e/ou máxima, elas vão ter precedência sobre os valores mínimo e máximo determinados pelo tipo de escala.

Contém opções relacionadas à tabela de anotações. Para especificar propriedades desse objeto, use a notação literal de objeto:

var options: {
  table: {
    sortAscending: true,
    sortColumn: 1
  }
};
      

Se definido como true, inverte a ordem da tabela de anotações e as exibe em ordem crescente.

O índice de colunas da tabela de anotações em que as anotações serão classificadas. O índice precisa ser 0 para a coluna de rótulo de anotação ou 1 para a coluna de texto de anotação.

Um número de 0 a 10 (inclusivo) que especifica a espessura das linhas, em que 0 é o mais fino.

Define a data/hora de término do intervalo de zoom selecionado.

Define a data/hora de início do intervalo de zoom selecionado.

Limpa o gráfico e libera todos os recursos alocados.

Desenha o gráfico.

Recupera um identificador para o elemento de contêiner que contém o gráfico de anotações.

Implementação padrão de getSelection(). Os elementos selecionados são os de células. Somente uma célula pode ser selecionada por vez pelo usuário.

Retorna um objeto com as propriedades start e end, sendo que cada uma delas é um objeto Date, representando a seleção atual.

Oculta a série de dados especificada do gráfico. Aceita um parâmetro que pode ser um número ou uma matriz de números, em que 0 se refere à primeira série de dados e assim por diante.

Define o intervalo visível (zoom) para o intervalo especificado. Aceita dois parâmetros do tipo Date que representam a primeira e a última vez do intervalo visível selecionado. Defina start como nulo para incluir tudo desde a data mais antiga até end. Defina end como nulo para incluir tudo, desde start até a última data.

Mostra as séries de dados especificadas do gráfico, depois que elas foram ocultadas usando o método hideDataColumns. Aceita um parâmetro que pode ser um número ou uma matriz de números, em que 0 se refere à primeira série de dados e assim por diante.

Disparado quando o usuário muda o controle deslizante de intervalo. Os novos endpoints de intervalo estarão disponíveis como event['start'] e event['end']:

google.visualization.events.addListener(chart, 'rangechange', rangechange_handler);

function rangechange_handler(e) {
  console.log('You changed the range to ', e['start'], ' and ', e['end']);
}

O gráfico está pronto para chamadas de método externo. Se você quiser interagir com o gráfico e chamar métodos depois de desenhá-lo, configure um listener para esse evento antes de chamar o método draw e chame-o somente depois que o evento for acionado.

Disparado quando o usuário clica em uma entidade visual. Para saber o que foi selecionado, chame getSelection().