質問

私はでラインのグラフを作成しようとしていますGoogleの可視化APIを使用して、ここに私の列のデータ定義があります:

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

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

私はチャンネルとこれらのグループ化されたチャネルによってグループに私の行をしたいX軸は日付とY軸であるラインが稼働時間であることを確認してください。私はかなりAPIで失わ午前任意のヘルプのGREATFULになります。

おかげ

役に立ちましたか?

解決

まず、あなたがグラフに追加し、データを作成します:


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

そのような何かます。

他のヒント

あなたはgoogle.visualization.LineChart(blah)代わりのgoogle.visualization.DataTable()を望んでいませんか?私が意味する、あなたは折れ線グラフを望んでいたし、ドキュメントが、それはあなたがしたい折れ線グラフだと言っていると述べました。また、有益であるかもしれないの遊び場にいじり。

scroll top