谷歌图表可视化实例化问题仪表板

Question

我正在尝试为我的网页创建一个仪表板，但无法实例化该仪表板。

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

和 API 调用：

<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 的 corechart 包中时，没有仪表板对象。将其更改为包含仪表板的控件。

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

Answer 2

您的 API 加载正确吗？

查看google的文档，你的自动加载网址不正确，应该是编码：

这个：

{“模块”：[{“名称”：“搜索”，“版本”：“1.0”，“语言”：“en”}，{“名称”：“地图”，“版本”：“2 .x"},{"name":"elements","version":"1.0","packages":["localsearch"]}]}

变成这样：

%7B%22modules%22%3A%5B%7B%22名称%22%3A%22搜索%22%2C%22版本%22%3A%221.0%22%2C%22语言%22%3A%22en%22% 7D%2C%7B%22名称%22%3A%22地图%22%2C %22版本%22%3A%222.X%22%7D%2C%7B%22名称%22%3A%22元素%22%2C%22版本%22%3A%221.0%22%2C%22包%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>