Google API de visualisation, ce qui rend un graphique de ligne

Question

Je suis en train de faire un tableau line en utilisant l'API de visualisation Google, voici ma définition de données de la colonne:

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

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

Je veux regrouper mes lignes par des canaux et ces les canaux groupés forment une ligne où l'axe X est la date et l'axe Y est le temps de disponibilité. Je suis assez perdu à l'API et serait reconnaissant de toute aide.

Merci

Answer 1

D'abord, vous créez les données puis vous ajoutez au tableau:

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' }); 

Quelque chose comme ça.

Answer 2

Etes-vous sûr que vous ne voulez pas google.visualization.LineChart(blah) au lieu de google.visualization.DataTable()? Je veux dire, vous avez dit que vous vouliez un graphique linéaire et la documentation dit que c'est LineChart que vous voulez. Aussi, bricoler sur le playground pourrait être instructif.