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>