个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
38
4
这是从https://developers.google.com/chart/interactive/docs/drawing_charts#chartwrapper 中直接提取的一些代码
它应该显示 ColumnChart，但它不产生任何输出。相反，会发生 JavaScript 错误。
独立加载文件时，错误为 loader.js:135 Uncaught TypeError: Cannot read property 'length' of undefined in loader.js:135
知道如何解决这个问题吗？
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current'); // Don't need to specify chart libraries!
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var wrapper = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'],
['', 700, 300, 400, 500, 600, 800]],
options: {'title': 'Countries'},
containerId: 'vis_div'
});
wrapper.draw();
}
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="vis_div" style="width: 600px; height: 400px;"></div>
</body>
</html>最佳答案
在某一时刻，它可以在不加载任何包的情况下工作
但是，对于最近的版本，使用 loader.js 时需要加载 'corechart' 包
请参阅以下工作示例...
google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var wrapper = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'],
['', 700, 300, 400, 500, 600, 800]],
options: {'title': 'Countries'},
containerId: 'vis_div'
});
wrapper.draw();
}<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="vis_div" style="width: 600px; height: 400px;"></div>关于javascript - 无法使 google.visualization.ChartWrapper 示例工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38154499/
38
4
0
我正在使用 google-chart-api 使用 ChartWrapper 类和 ControlWrapper 类绘制图表。这是我一直在使用的代码。 这是加载硬编码数据的函数。 functio
我按照谷歌图表教程制作了一个 ControlWrapper 驱动两个图表，我准备了一个包含 4 列的数据集: data = new google.visualization.DataTable();
我正在关注 this来自 Google Chart documentation 的示例. 在该项目中，所有现有图表均使用 ChartWrapper 绘制, 所以通过下面的例子我创建了 this cha
嘿 stackoverflow 社区，我正在尝试使用 google.visualizations.ChartWrapper 渲染柱形图，但我无法让以下 JavaScript 代码正常工作: googl
选中时我似乎无法获取饼图切片的值。这是我的代码: var pieChart = new google.visualization.ChartWrapper( { chartType: 'Pie
我正在使用 Google Visualization API。我想使用 ChartWrapper 方法。有人可以给我一个使用 JSON 格式获取数据的非常简单的示例吗？ 最佳答案 // Create
我正在使用 Google Charts 的仪表板部分创建各种图表。 为了制作我的图表，我使用了惯例: var chartName = new google.visualization.ChartWra
这是从https://developers.google.com/chart/interactive/docs/drawing_charts#chartwrapper 中直接提取的一些代码 它应该显示
我正在使用 Google ColumnChart，我想在列上添加链接。但另一方面，我想在此图表上使用 NumberRangeFilter。我设法分别做了这两件事，但我不能把它们放在图表上。原因似乎是我
我是 Google 可视化 API 的新手，而且我对 JavaScript 不是很熟悉。 我希望我的输出执行的操作是按第 2 列中的标签进行分组。请注意，纽约在图表上重复出现。我只想让图表按标签对第
我正在尝试将 Google Charts 与 Wordpress 集成，使用高级自定义字段输入来填充数据。经过 Javascript 的一次迭代后，it crashes, despite proper
在 Google 可视化图表编辑器中修改图表后，希望保存 ChartWrapper 对象，以便页面重新加载他们选择的最后一个图表，而不是选项中的默认设置。 我已经使用以下代码成功保存了 ChartWr
我正在尝试使用 Google Charts 中的 ChartEditor 和 ChartWrapper 类，并使用我自己的选项运行它。它大部分都有效，只有一个问题 - 它忽略了我的宽度和高度声明...
我使用来自 google charts 的 ChartWrapper。我的实际实现如下所示: var dataTable=new google.visualization.DataTable(DATA
这次我在 .ChartWrapper() 表上使用事件处理程序时出现以下错误，该表是 .Dashboard() 的一部分 Uncaught TypeError: table_db.getSelecti
我有一个包装中的图表: var wrapper9 = null; var chartcolors09 = parent.defaultcolors; var chartEditor9 =null;
我是一名优秀的程序员,十分优秀！