、Googleの可視化APIは、線グラフ、私は、Googleの可視化APIを使用して<a href="http://code.google.com/apis/visualization/documentation/gallery/linechart.html" rel="nofollow noreferrer">line</a>チャートを作成しようとしています

Question

を作り、ここに私の列のデータ定義でありますグループ化されたチャネルは行を作成します。ここで、X軸は日付、Y軸は稼働時間です。私はAPIでかなり失われており、何か助けになるだろう。

おかげ

Answer 1

まずあなたがデータを作成し、あなたがチャートに追加します。そのような

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

何かを。

Answer 2

あなたがgoogle.visualization.LineChart(blah)代わりのgoogle.visualization.DataTable()を望んでいませんか？つまり、あなたは折れ線グラフが必要だと言いましたが、あなたが望むLineChartだと書類に書かれています。また、playgroundで触れても参考になるかもしれません。