我正在尝试制作一个 line使用 Google Visualization API 绘制图表,这是我的列数据定义:
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('date', 'Date');
dataTable.addColumn('number', 'Uptime');
dataTable.addColumn('string', 'Channel');
我想按 channel 对行进行分组,这些分组 channel 形成一条线,其中 X 轴是日期,Y 轴是正常运行时间。我对 API 非常迷茫,如果有任何帮助,我将不胜感激。
谢谢
最佳答案
首先创建数据,然后将其添加到图表中:
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' });
类似的事情。
关于javascript - Google Visualization API,制作折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1337592/