Usando a linha do tempo anotada do Google na API Visualizações, você pode inserir anotações, independentemente do conjunto de dados?

Question

Posso inserir anotações em conjuntos de dados específicos no gráfico, mas desejo ter várias linhas no gráfico sem associar a anotação a uma linha específica, mas com uma data.

Aqui está um exemplo do que eu quero fazer. Observe as bolhas anexadas ao eixo x e não uma linha específica no gráfico.

Eu li a API e não consigo ver uma opção como essa, mas me pergunto se alguém sabe de uma maneira.

Obrigado.

Answer 1

Não há experiência, mas minha reação instantânea foi que você poderia tentar uma série com as anotações anexadas a todos os zeros como os dados - e excluí -los da lenda?

Answer 2

Se você não se importa de usar um SVG Gráfico de linha com Anotações Você também pode recriar isso com mais flexibilidade. Se você definir a coluna de anotação para seguir imediatamente os valores do eixo x, as anotações aparecerão na parte inferior do gráfico (no eixo) e não serão anexadas a nenhuma categoria. Aqui está uma amostra:

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('number','Day');
  data.addColumn({type: 'string', role: 'annotation'});
  data.addColumn({type: 'string', role: 'annotationText'});
  data.addColumn('number', '.DJI');
  data.addColumn('number', '.INX');
  data.addColumn('number', '.INIC');
  data.addRows([
    [1, null, null, 1000, 400, 300],
    [2, 'A', 'did stuff', 1170, 460, 400],
    [3, 'B', 'did more stuff', 660, 1120, 540],
    [4, null, null, 1030, 540, 620],
    [5, 'C', 'stopped stuff', 1070, 600, 700]
  ]);

  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById('visualization')).
    draw(data, {focusTarget: 'category',
                  width: 500, height: 400,
                  vAxis: {maxValue: 10},}
          );
}

Isso acaba parecendo assim: