0

Google Visualization API を使用して折れ線グラフを作成しようとしています。列データの定義は次のとおりです。

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

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

行をチャネルごとにグループ化したいのですが、これらのグループ化されたチャネルは、X 軸が日付、Y 軸が稼働時間である線を作成します。私はAPIでかなり迷っており、どんな助けにも大いに役立ちます.

ありがとう

4

2 に答える 2

3

最初にデータを作成し、それをグラフに追加します。


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

そんな感じ。

于 2009-09-07T18:51:30.207 に答える
0

google.visualization.LineChart(blah)の代わりに本当にしたくないですgoogle.visualization.DataTable()か? つまり、あなたは折れ線グラフが必要だと言いましたが、ドキュメントには、必要なのは LineChart であると書かれています。また、遊び場をいじることは参考になるかもしれません。

于 2009-09-07T18:43:36.350 に答える