Google Chart long JavaScript问题

.Hi我一直在尝试将google calendar chart添加到我的项目中，但有些问题我不明白。Google Chart long JavaScript问题

我的图表在弹出式面板上，按钮点击触发这里是我的代码;

点击该按钮功能：

function Detail(id) 
{ 
    google.charts.load("current", { packages: ["calendar"] }); 
    google.charts.setOnLoadCallback(drawChart); //callback for chart 
    $.ajax({ 
     //Some stuff here 
    }); 

    $.ajax({ 
     //Some other stuff here 
    }); 
}

所以，你可以按钮后，看到单击drawChart必须运行。

function drawChart(){ 
    var dataTable = new google.visualization.DataTable(); 
    dataTable.addColumn({ type: 'date', id: 'Date' }); 
    dataTable.addColumn({ type: 'number', id: 'done/miss' }); 
    dataTable.addColumn({ type: 'string', role: 'tooltip', p: { html: true } }); 

    dataTable.addRows([ 
        [new Date(2017, 3, 9), 10, '<div style="width:40px; height:40px;">TESTtest</div>'] 
     ]); 
    var chart = new google.visualization.Calendar(document.getElementById('calendar')); 

    var options = { 
      title: "test", 
      height: '100%', 
     }; 
    chart.draw(dataTable, options); 
    $('#PopUpDiv').show(); 
}

当我点击了几秒钟和Firefox按钮页锁说：“脚本停止工作或无响应了脚本：https://www.gstatic.com/charts ... sapi_compiled_format_module.js：179”

的代码看起来真的简单而正确。我不明白发生了什么，所以一些帮助会很棒。提前致谢。

编辑：我已经创建了代码剪切，并试试这个代码，它的工作原理。现在我confuced :(

function Detail() 
 
{ 
 
google.charts.load("current", { packages: ["calendar"] }); 
 
    google.charts.setOnLoadCallback(drawChart); 
 
} 
 

 
function drawChart(){ 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn({ type: 'date', id: 'Date' }); 
 
    dataTable.addColumn({ type: 'number', id: 'done/miss' }); 
 
    dataTable.addColumn({ type: 'string', role: 'tooltip', p: { html: true } }); 
 

 
    dataTable.addRows([ 
 
        [new Date(2017, 3, 9), 10, '<div style="width:40px; height:40px;">TESTtest</div>'] 
 
     ]); 
 
    var chart = new google.visualization.Calendar(document.getElementById('calendar')); 
 

 
    var options = { 
 
      title: "test", 
 
      height: '100%', 
 
     }; 
 
    chart.draw(dataTable, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<button type="button" onclick="Detail()">click it</button> 
 
<div id="calendar"></div>

来源

2017-05-31 Furkan Ayık

我关上了VS并重新启动该项目，并以某种方式问题解决了。因此，代码是好的。谢谢大家的关注。

来源

2017-05-31 07:47:01

Google Chart long JavaScript问题

回答

相关问题