在使用谷歌图表库时,addRows
方法用于向图表中添加行数据。addRows
方法接受一个参数,这个参数可以是一个数字或者一个数组。如果是一个数字,它表示要添加的行数,每一行都将使用默认值填充。如果是一个数组,它表示要添加的具体行数据。
以下是一些使用 addRows
方法的示例:
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows(3); // 添加3行默认值填充的行
// 绘制图表
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240});
}
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows([
['2010', 1000],
['2011', 1170],
['2012', 660],
['2013', 1030]
]);
// 绘制图表
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240});
}
null
来表示空值。通过正确使用 addRows
方法,可以有效地向谷歌图表中添加所需的数据行。
领取专属 10元无门槛券
手把手带您无忧上云