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 回答