javascript - 无法呈现 Google 可视化 ChartWrapper

标签 javascript google-visualization

嘿 stackoverflow 社区, 我正在尝试使用 google.visualizations.ChartWrapper 渲染柱形图,但我无法让以下 JavaScript 代码正常工作:

google.load('visualization', '1', {packages: ['corechart','controls']});
google.setOnLoadCallback(drawDashboard);    
function drawDashboard() {   
var data = google.visualization.DataTable();
data.addColumn('string', 'Element');
data.addColumn('number', 'FillRate');
data.addRows([['Tank11Chocolate', 100.0],['Tank20Gold', 50.0]]);
var chart = new google.visualization.ChartWrapper({'chartType': 'ColumnChart','containerId': 'colChart','dataTable': data});        
chart.draw();
}

对 Google Visualizations 或 javascript 有更多了解的人可以帮助我吗?

最佳答案

显然,我可能会盯着代码几个小时,但仍然没有意识到我在创建 DataTable 对象时忘记了编写 new 。问题解决了!

关于javascript - 无法呈现 Google 可视化 ChartWrapper,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28362806/

相关文章:

javascript - 如何在具有多点(纬度和经度)的 react native map 上绘制多边形?

javascript - 谷歌图表不显示

javascript - 谷歌可视化气泡图根据值更改图例颜色

javascript - 谷歌图表工具提示在悬停时闪烁,如何解决?

javascript - 如何将 javascript 对象的值输入到 sql 数据库中?

javascript - 检查单词的第一个字母是否大写,解决方案评估为 false

javascript - 防止 Google Charts 在图表标题中转义撇号

javascript - 谷歌图表获取自定义工具提示来处理动画

javascript - Playwright JavaScript - 如何在不同的测试中重用定位器变量?

javascript - 如何使用重置按钮从 bootstrap-multiselect 中取消选择所有选定的值?