Google API Visualization, fazendo um gráfico de linha

votos
0

Eu estou tentando fazer uma linha de gráfico usando a API de visualização do Google, aqui é a minha definição de dados da coluna:

var dataTable = new google.visualization.DataTable();

dataTable.addColumn('date', 'Date');
dataTable.addColumn('number', 'Uptime');
dataTable.addColumn('string', 'Channel');

Quero grupo minhas linhas por canais e estes canais agrupados fazer uma linha onde o eixo X é a data eo eixo Y é o uptime. Estou muito perdido na API e seria grato de qualquer ajuda.

obrigado

Publicado 26/08/2009 em 22:27
fonte usuário
Em outras línguas...                            


2 respostas

votos
3

Primeiro você cria os dados, em seguida, adicioná-lo para o gráfico:


var data = new google.visualization.DataTable();
// 3 columns
dataTable.addColumn('date', 'Date');
dataTable.addColumn('number', 'Uptime');
dataTable.addColumn('string', 'Channel');

// Add 2 rows
data.addRows(2);
// setValue(row, col, value)
data.setValue(0,0, '2009-09-06');
data.setValue(0,1, 1000);
data.setValue(0,2, 'Channel1');
data.setValue(1,0, '2009-09-05');
data.setValue(1,1, 100);
data.setValue(1,2, 'Channel2');

var chart = new google.visualization.LineChart('chartDiv');
chart.draw(data, {
  width: width,
  height: height,
  is3D: true,
  title: title,
  colors: colors,
  enableTooltip: false,
  legend: 'bottom' });

Algo parecido.

Respondeu 07/09/2009 em 19:51
fonte usuário

votos
0

Tem certeza de que não quer google.visualization.LineChart(blah), em vez de google.visualization.DataTable()? Quero dizer, você disse que queria um gráfico de linhas e a documentação diz que é LineChart que você quer. Além disso, mexer no parque pode ser informativo.

Respondeu 07/09/2009 em 19:43
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more