Pregunta

Estoy tratando de hacer una línea gráfico haciendo utilizando la API de visualización de Google, aquí es mi definición de datos de columna:

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

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

Quiero grupo mis filas por canales y estos canales agrupados hacen una línea en la que el eje X es la fecha y el eje Y es el tiempo de actividad. Estoy muy suelto en la API y estaría agradecido de cualquier ayuda.

Gracias

¿Fue útil?

Solución

En primer lugar se crea los datos a continuación, se agrega a la tabla:


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 por el estilo.

Otros consejos

¿Seguro que no quieres google.visualization.LineChart(blah) en lugar de google.visualization.DataTable()? Es decir, usted dijo que quería un gráfico de líneas y la documentación dice que es LineChart que desea. Además, retoques en la parque infantil podría ser de carácter informativo.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top