Question

我試圖爲我的網頁創建一個儀表板，但我不能實例化儀表板。

var dashboard = new google.visualization.Dashboard(document.getElementById("marketareas_div")); 

與apicall：

<script type="text/javascript" 
src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1.1","packages":["corechart"]}]}'/> 

問題： 「google.visualization.Dashboard不是構造函數」。

Answer 1

首先需要關閉該腳本標籤，否則頁面會在某些瀏覽器打破。

問題似乎是，當您在包中包含來自google的package corechart的腳本時，沒有Dashboard-object。將其更改爲包含Dashboard的控件。

更多信息： http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/controls.html

Answer 2

您的API是否正確加載？

縱觀谷歌的documentation，你的自動加載URL位置不正確，應該編碼：

此：

{ 「模塊」：[{ 「Name」： 「搜索」 ， 「版本」： 「1.0」， 「語言」： 「恩」}，{ 「名」： 「地圖」， 「版本」： 「2.X」}，{ 「名」： 「元素」， 「版本」 ： 「1.0」， 「包」：[ 「本地搜索」]}]}

變成這樣：

％7B％22模塊％22％3A％5B％7B％22名稱22％3A％22搜索％22％2C％22％22％3A％221.0％22％2C％22％22％3A％22％22％ 7D％2C％7B％22name％22％3A％22maps％22％2C％22version％22％3A％222.X％22％7D％2C％7B％22name％22％3A％22elements％22％2C％22version％ 22％3A％221.0％22％2C％22packages％22％3A％5B％22localsearch％22％5D％7D％5D％7D

被稱爲像這樣：

<script src="https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22search%22%2C%22version%22%3A%221.0%22%2C%22language%22%3A%22en%22%7D%2C%7B%22name%22%3A%22maps%22%2C%22version%22%3A%222.X%22%7D%2C%7B%22name%22%3A%22elements%22%2C%22version%22%3A%221.0%22%2C%22packages%22%3A%5B%22localsearch%22%5D%7D%5D%7D&key=INSERT-YOUR-KEY"></script> 

他們實際上不建議使用這種方式進行加載。

警告！這個高級功能可能很難實現， 取決於具體情況。因此，我們建議您僅在特定情況下考慮自動加載，其中延遲時間至關重要。

嘗試使用更簡單的加載，如：你

<script type="text/javascript"> 
    google.load("visualization", "1.1"); 
    ... 
</script>