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

Google charts visualization instantiateproblem Dashboard

本文关键字：问题 仪表板 实例化 可视化 谷歌      更新时间：2023-09-26

我试图为我的网页创建一个仪表板，但我不能实例化仪表板。

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

和

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

问题:"google.visualization。

首先，您需要关闭该脚本标记，否则页面将在某些浏览器中中断。

问题似乎是，没有仪表板对象，当你包括脚本包corechart从谷歌。将其更改为包含Dashboard的控件。

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

您的API是否正确加载?

查看google的文档，你的自动加载url是不正确的，它应该被编码:

:

{"模块":[{"名称":"搜索"、"版本":"1.0","语言":"en"},{"名称":"地图"、"版本":"2. x "},{"名称":"元素","版本":"1.0","包":[" localsearch "]}]}

变成这样:

% 7 b % 22模块% 3 22% % 5 b % 7 b % 22名% 3 22% % 22搜索% 22% 2 c % 22版本% 3 22% % 22% 2 c % 22语言% 22% 221.0% 3 22% % 22 en % 7 d % 2 c % 7 b % 22名% 3 22% % % 22% 2 c % 22 22地图版本% 3 22% % 222. x % 22% 7 d % 2 c % 7 b % 22名% 3 22% % % % 22% 2 c % 22 22元素版本3 22% % % 221.0% 22% 2 c % 22包3 22% % 5 b % 22 localsearch % 22% 5 d % 7 d % 5 d % 7 d

可以这样调用:

<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>
相关文章：