Javascript 谷歌图表不添加行
由于某些原因,我无法添加任何行,尝试了很多可能性,但仍然没有成功 代码如下:Javascript 谷歌图表不添加行,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,由于某些原因,我无法添加任何行,尝试了很多可能性,但仍然没有成功 代码如下: google.charts.load('current', { 'packages': ['corechart'] }); var dataChart1 = new google.visualization.arrayToDataTable(); dataChart1.addColumn('string', 'Mês'); dataChart1.addColumn('number', 'Fora Ponta');
google.charts.load('current', { 'packages': ['corechart'] });
var dataChart1 = new google.visualization.arrayToDataTable();
dataChart1.addColumn('string', 'Mês');
dataChart1.addColumn('number', 'Fora Ponta');
dataChart1.addColumn('number', 'Geração Solar');
dataChart1 = addRows([
['JAN', $('#janConsumo').val(), 300],
['FEV', $('#fevConsumo').val(), 350],
['MAR', $('#marConsumo').val(), 400],
['ABR', $('#abrConsumo').val(), 350],
['MAI', $('#maiConsumo').val(), 300],
['JUN', $('#junConsumo').val(), 350],
['JUL', $('#julConsumo').val(), 350],
['AGO', $('#agoConsumo').val(), 450],
['SET', $('#setConsumo').val(), 400],
['OUT', $('#outConsumo').val(), 350],
['NOV', $('#novConsumo').val(), 300],
['DEZ', $('#dezConsumo').val(), 250]
]);
var optionsChart1 = {
titlePosition: 'none',
legend: {
position: "bottom"
},
seriesType: 'bars',
series: { 1: { type: 'line' } },
height: 300,
width: 800,
colors: ['orange', 'red']
};
chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataChart1, optionsChart1);
我有一个按钮调用这个代码
我得到的错误是:
Uncaught Error: Data for arrayToDataTable is not an array.
首先,需要等待谷歌完成加载。
您可以使用load语句返回的承诺,请参阅以下代码段
google.charts.load('current', {
packages: ['corechart']
}).then(function () {
var dataChart1 = new google.visualization.DataTable();
dataChart1.addColumn('string', 'Mês');
dataChart1.addColumn('number', 'Fora Ponta');
dataChart1.addColumn('number', 'Geração Solar');
dataChart1.addRows([
['JAN', $('#janConsumo').val(), 300],
['FEV', $('#fevConsumo').val(), 350],
['MAR', $('#marConsumo').val(), 400],
['ABR', $('#abrConsumo').val(), 350],
['MAI', $('#maiConsumo').val(), 300],
['JUN', $('#junConsumo').val(), 350],
['JUL', $('#julConsumo').val(), 350],
['AGO', $('#agoConsumo').val(), 450],
['SET', $('#setConsumo').val(), 400],
['OUT', $('#outConsumo').val(), 350],
['NOV', $('#novConsumo').val(), 300],
['DEZ', $('#dezConsumo').val(), 250]
]);
var optionsChart1 = {
titlePosition: 'none',
legend: {
position: "bottom"
},
seriesType: 'bars',
series: { 1: { type: 'line' } },
height: 300,
width: 800,
colors: ['orange', 'red']
};
chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataChart1, optionsChart1);
});
另外,在这种情况下,您需要使用-->google.visualization.DataTable()
不-->google.visualization.arrayToDataTable()
有关更多详细信息,请参阅
arrayToDataTable
要求在调用数据时传递数据