如何在谷歌可视化图表上加载JSON数据?

2024-02-05

我是谷歌可视化的新手。我正在开发一个完整的仪表板,例如谷歌完整仪表板示例 https://code.google.com/apis/ajax/playground/?type=visualization#full_dashboard

按照示例,我声明数据如下:

var data = google.visualization.arrayToDataTable([
    ['CodiceCliente', 'Cliente', 'QtàO13', 'QtàO14','UM'],
        ['0000038893', 'Coop',300,350, 'CT'] .... ]);

现在我想从服务器加载数据。我创建一个这样的 Json:

{
"cols": [
    {"id": "codiceCliente","label": "Cod. Cliente","type": "string"},
    {"id": "clienteDesc","label": "Cliente","type": "string"},
    {"id": "qtaO13","label": "Qtà O13","type": "number"},
    {"id": "qtaO14","label": "Qtà O14","type": "number"},
    {"id": "um","label": "UM","type": "string"}
       ],
"rows": [
    {
        "c": [
            {"v": "0000038893"},
            {"v": "Coop"},
            {"v": "300"},
            {"v": "350"},
            {"v": "CT"} ]
        }, 
        {.... }, ... ]}

在 html 页面中,我使用此代码从服务器获取数据:

 var jsonData = $.ajax({
      url: "getJson.do",
      dataType:"json",
      async: false
      }).responseText;
  var data = google.visualization.DataTable(jsonData);

当我打开页面时,出现以下错误:“Object # has no method 'zg' at format+it,default+it,ui+it,controls+it,corechart+it.I.js:183 ”

我哪里错了? JSON格式错误?


你错过了newDataTable 构造函数中的关键字。它应该是:

var data = new google.visualization.DataTable(jsonData);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在谷歌可视化图表上加载JSON数据? 的相关文章

  • 如何将图像或图标附加到谷歌折线图的边缘

    我想要折线图如下所示 或者只是图像序列图是可能的 like this 有什么可能的方法来实现这一目标吗 use the getChartLayoutInterface method https developers google com c
  • 如何从 Google 地理图表的工具提示中删除坐标

    我在地图上添加了一些标记 使用 Google Chart API data addColumn number Lat data addColumn number Long data addColumn number Value data a
  • 谷歌图表重绘/缩放窗口大小

    如何在窗口调整大小时重绘 调整谷歌折线图的大小 为了仅在窗口调整大小完成时重绘并避免多次触发 我认为最好创建一个事件 create trigger to resizeEnd event window resize function if t
  • Shiny - googlevis:gvisPieChart 的工具提示

    我正在尝试为 googlevis 饼图创建自定义工具提示 我已经发现通过 googleVis 使用角色 http cran r project org web packages googleVis vignettes Using Roles
  • 使用 PHP/MySQL 日期查询向 Google 可视化页面提交表单

    我使用从 PHP MySQL 提取的数据在谷歌可视化上创建饼图 该图表看起来不错 但我想添加一个日历 日期选择器 以使饼图动态化 我的日期范围选择器似乎正在工作 它从我的数据库中提取正确的数据 选择日期 提交查询后 它返回此字符串 over
  • Google Charts:如何更改百分比标签颜色?

    我正在使用 Google Charts 来显示饼图 在我的选项变量中 我将图例设置为 legend position labeled textStyle color white fontSize 24 现在 如果您查看下图 字体颜色仅适用于
  • 在 Google 可视化折线图中创建可点击元素

    是否可以将 onclick 方法附加到 Google 可视化折线图中的元素 例如 如果用户单击图表中的点 我想将用户发送到包含更多详细信息的页面 我已经浏览了所有文档 但找不到如何执行此操作的示例 我看到有一些事件方法 来自文档 http
  • 在 Google 可视化中单击按钮后绘制图表

    我试图弄清楚如何在单击按钮后绘制图表 我的代码似乎有问题 我使用 Google 可视化和 Javascript 来完成此活动 有人可以看一下吗 CODE
  • 当某些值丢失时如何绘制谷歌折线图?

    我在以下位置找到了以下 JavaScript 代码谷歌图表工具 http code google com apis chart interactive docs gallery imagelinechart html function dr
  • 在 html 页面内的 google 图表表中嵌入折线图

    I have a table taken from google charts and a line chart also taken from there and I want to embed it inside the table I
  • GeoChart:标记加载速度非常慢

    google charts load current packages geochart google charts setOnLoadCallback drawRegionsMap function drawRegionsMap var
  • 带组的 Google 柱形图

    我的数据格式 Group Count Month Year A 10 February 2015 B 8 February 2015 C 15 February 2016 我将使用过滤器来显示按组列分隔的每个月的数据 X axis会有团体
  • 以编程方式格式化谷歌图表

    使用以下代码如何设置格式以便CurrencyValue1和CurrencyValue2在图表中显示为美元 作为货币值 function drawChart var data new google visualization DataTabl
  • 如何在另一个div中克隆和重新绘制谷歌图表?

    我很难弄清楚如何做到这一点 因为我对谷歌图表不太熟悉 我正在使用pivotTable js 一切正常 但我想 保存 或有一个按钮 将当前创建的图表克隆到另一个div 我做了一个全局变量 var wrapper 这是为了保存图表 wrappe
  • 即时刷新 Google 可视化

    我目前正在通过谷歌可视化创建谷歌图表 我希望能够通过单击按钮刷新 更新此图表 我尝试了很多不同的方法来做到这一点 但没有一个有效 所以我正在寻找任何人都可以提出的建议 我当前的平台是 ASP net 使用 C 而 google 的东西是用
  • 向 Google 仪表添加 % 符号

    我正在使用 Google 仪表 并且想在仪表中的值后面添加一个 符号 我的值显示良好 没有百分比符号 整数 0 100 但是当我开始尝试添加百分比符号时 事情变得不稳定 这是我尝试过的 Format the data to include
  • Google Charts:折线图和柱形图之间的切换

    我有一个仪表板 其中包含一些 Google Analytics 指标 我想在每日 每月和每周图表上绘制这些指标 日线图为折线图 其他为柱形图 我能够将图表最初绘制为折线图或条形图 然后将其重新绘制为不同类型 但之后它不会再次重新绘制 这是我
  • Google 图表调用 onmouseover 事件

    我一整天都在研究这个问题 但没有成功 我有一个显示一些数据的谷歌图表 工作得很好 我一直在研究更详细的图表 包括大约十几个图表图例项目 我想在图表下方显示我的图例 因此我将其位置设置为底部 但图表生成的 丑陋 分页对我的经理来说并不真正有吸
  • 谷歌折线图:如何添加单位?

    https google developers appspot com chart interactive docs gallery linechart Example https google developers appspot com
  • Django 与谷歌图表

    我试图让谷歌图表显示在我的页面上 但我不知道如何将值从 django 视图传递到 javascript 以便我可以绘制图表 姜戈代码 array Year Sales Expenses 2004 1000 400 2005 1170 460

随机推荐

  • 从 Jackson 获取未知字段列表

    我有一个 JSON 架构和一个与该架构匹配的 json 字符串 但它可能有一些额外的字段 如果我不添加这些字段 杰克逊将抛出异常objectMapper configure DeserializationConfig Feature FAI
  • PDO 数据库访问 WHERE title = $title

    我正在尝试学习使用 PDO 而不是 MySQLi 进行数据库访问 但在从数据库中选择数据时遇到问题 我想使用 STH DBH gt query SELECT FROM ratings WHERE title title ORDER BY d
  • ios 5 上的 NSDateFormatter - 还有其他使用方法吗?

    我有一段代码在 iOS 4 3 5 之前一直有效 现在在 iOS 5 中不起作用 Example of date I m using Mon 31 Oct 2011 15 57 55 BRST NSDateFormatter formatt
  • 当数据集更改时,在闪亮的应用程序中动态显示列名称会闪烁错误

    我有一个闪亮的应用程序 我希望允许用户根据一组上传的文件选择数据集 然后指定要从所选数据集中显示的列 如果我选择某些列然后切换数据集 则会闪烁错误并输出到控制台 指出在应用程序切换数据集并正确显示之前所选列未知 然而 在我的完整应用程序中
  • Font Awesome 带有 easyAutocomplete 插件

    我有一个表单 我想在其中显示输入文本字段并在同一行上提交 输入文本字段有两个 FontAwesome 图标 我想在文本字段内显示它们 当我不使用简单的自动完成插件时 我可以根据需要设置表单样式 但是当我激活轻松自动完成 http easya
  • 如何从 Firebase 中推送的数据中获取价值?

    在我的 firebase 中 我存储了问题及其答案 每个答案都有一个 id 它是从 push 获得的 但我无法显示已回答问题的所有用户的列表 请帮忙 这是代码 ListView listView ArrayList
  • 如何组合两个 LPCWSTR?

    我有两个变量LPCWSTRs 我想创建一个新变量 该变量将具有第一个和第二个变量的值 我尝试过这个 但没有成功 LPCWSTR d L sd LPCWSTR f L f LPCWSTR df d f 当我尝试这样做时 我收到此错误 1 In
  • myisam 表上的外键替代方案?

    我正在开发一个需要使用外键的网站 但是我已经搜索遍了 共享主机不支持innoDB 我正在使用 MyISAM 引擎 有没有使用外键的替代方法 我需要的 table image image id PK table ratings rating
  • 使用 KNN 分类器进行数字识别之前的预处理

    现在我正在尝试使用 OpenCV 创建数字识别系统 WEB上有很多文章和例子 甚至在堆栈溢出 https stackoverflow com questions 9413216 simple digit recognition ocr in
  • 无法安装 Subversive SVN Team Provider

    当我尝试从 Eclipse Marketplace 或其项目站点 安装 Subversive SVN Team Provider 时 出现以下错误 The following solutions are not available Subv
  • WordPress 按标签查询相关帖子

    我正在尝试查询与 WordPress 中当前查看的帖子具有相同标签的帖子列表 我认为如果我可以查询当前帖子的标签列表 将其传递到一个变量中 然后将该变量传递到 query posts 参数中 它就可以完成工作 它似乎适用于帖子中的标签之一
  • CSS 填充简写声明中的反斜杠

    Qq com 网站有一个规则集 其中有两个填充声明 这看起来有点奇怪 我的问题是 11px 0部分做什么 这与覆盖第一个填充声明有关吗 我理解斜线在以下情况下的使用 css 样式声明中的 正斜杠 https stackoverflow co
  • 在 pandas to_csv 方法中保留列顺序

    pandas 的 to csv 方法不保留列的顺序 它选择按字母顺序排列 CSV 中的列 这是一个错误 已被报告并应该在版本 0 11 0 中得到纠正 我有0 18 0 import pandas as pd df pd DataFrame
  • 屏幕更新效果

    我一直在测量代码执行时间 以衡量本地执行脚本和在服务器上执行脚本之间的差异 有一次我忘记禁用screen updating庆幸的是 在更详细地考虑之前 我对闪光灯不敏感 当我第一次开始使用时VBA我一直认为它只是被使用 这样就不会吓到最终用
  • bash:jstat:找不到命令

    我想使用 gc 实用程序来分析我的 Cassandra 数据库的垃圾收集 但是当我运行 jstat 命令时 输出显示 bash jstat command not found 我搜索并发现 jstat 位于 JAVA HOME bin 但我
  • 为什么我无法向 Hotmail 发送电子邮件?

    这是我的代码 boundary sha1 whatever headers MIME Version 1 0 r n headers From Domainname email protected cdn cgi l email prote
  • 如何在通过回调添加和删除节点时固定 Dash Cytoscape 中节点的位置?

    我想使用以下示例数据源制作一个带有交互式网络图的 Web 应用程序 data Source Node a a b b c Destination Node b c c d d Link likes likes likes likes dis
  • 谷歌地图API获取国家和城市

    我可以使用 ajax 自动完成功能来从 google 地图 api 获取国家 地区吗 当有人输入 United 在 google 地图 api 上搜索该国家 地区并显示类似的结果时 你能给我举个例子 或者链接到谷歌地图API的解决方案吗 看
  • Android - Retrofit2 - java.security.cert.CertPathValidatorException:未找到证书路径的信任锚

    我想从服务器获取数据 https data egov kz api v2 zheke zhane zandy tulgalardy k1 v6 pretty https data egov kz api v2 zheke zhane zan
  • 如何在谷歌可视化图表上加载JSON数据?

    我是谷歌可视化的新手 我正在开发一个完整的仪表板 例如谷歌完整仪表板示例 https code google com apis ajax playground type visualization full dashboard 按照示例 我