此圖表顯示來自數(shù)據(jù)庫的信息。如果沒有從數(shù)據(jù)庫中檢索到結(jié)果，如何顯示更用戶友好的消息或根本不繪制圖表？我已經(jīng)嘗試放置代碼行以在長度檢查內(nèi)繪制圖表，但仍然顯示錯誤消息。 google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { $.getJSON('includes/get_info_bar_chart.php', function(jsonData){ var gglData = []; if(jsonData.length > 0) { // load column headings var colHead = []; Object.keys(jsonData[0]).forEach(function (key) { colHead.push(key); }); gglData.push(colHead); // load data rows jsonData.forEach(function (row) { var gglRow = []; Object.keys(row).forEach(function (key) { gglRow.push(row[key]); }); gglData.push(gglRow); }); } var data = google.visualization.arrayToDataTable(gglData); var chart = new google.charts.Bar(document.getElementById('d_bar')); chart.draw(data); }); }
1 回答
白豬掌柜的
TA貢獻(xiàn)1893條經(jīng)驗 獲得超10個贊
您可以在繪制圖表之前檢查數(shù)據(jù)表中的行數(shù)。
如果沒有數(shù)據(jù)，則在圖表的容器中顯示一條消息。
var container = document.getElementById('d_bar');
var data = google.visualization.arrayToDataTable(gglData);
if (data.getNumberOfRows() > 0) {
var chart = new google.charts.Bar(container);
chart.draw(data);
} else {
container.innerHTML = 'No data found, nothing to see here...';
}
- 1 回答
- 0 關(guān)注
- 84 瀏覽
添加回答
舉報
0/150
提交
取消