我正在使用 Google Developers 提供的甘特圖，我正在嘗試使用資料庫中的資料而不是硬編碼資料來生成圖表。
圖表結構為：任務 ID、任務名稱、結束日期、持續時間、完成百分比、依賴性以顯示資料。（示例- 
uj5u.com熱心網友回復：
您的代碼不會等待$.getJSON完成執行。在從服務器獲取資料之前，chart.draw(data, options);將使用空值執行。
執行 jquery ajax 呼叫并成功執行以下圖表渲染代碼，如下所示：
<script type="text/javascript">
google.charts.load('current', { 'packages': ['gantt'] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task ID');
data.addColumn('string', 'Task Name');
data.addColumn('string', 'Resource')
data.addColumn('date', 'Start Date');
data.addColumn('date', 'End Date');
data.addColumn('number', 'Duration');
data.addColumn('number', 'Percent Complete');
data.addColumn('string', 'Dependencies');
$.ajax({
method: "GET",
url: "/GetChartData"
})
.done(function( data ) {
var options = {
height: 400,
gantt: {
trackHeight: 30
}
};
var chart = new google.visualization.Gantt(document.getElementById('chart_div'));
chart.draw(data, options);
});
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/321742.html
標籤：html json asp.net-mvc 谷歌可视化