Google API de visualisation, ce qui rend un graphique linéaire

voix
0

Je suis en train de faire une ligne graphique en utilisant l'API de visualisation de Google, voici mes données de colonne Définition:

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 canaux groupés font une ligne où l'axe X est la date et l'axe Y est le temps de fonctionnement. Je suis assez perdu à l'API et serait greatful d'aucune aide.

Merci

Créé 26/08/2009 à 22:27
source utilisateur
Dans d'autres langues...                            


2 réponses

voix
3

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 ca.

Créé 07/09/2009 à 19:51
source utilisateur

voix
0

Etes - vous sûr que vous ne voulez pas au google.visualization.LineChart(blah)lieu de google.visualization.DataTable()? Je veux dire, vous avez dit que vous vouliez un graphique en ligne et la documentation indique qu'il est LineChart que vous voulez. En outre, bricoler sur le terrain de jeu pourrait être instructif.

Créé 07/09/2009 à 19:43
source utilisateur

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