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

贾科莫·萨维奥利(Giacomo Savioli)

我是google-visualization的新手。我正在开发一个完整的仪表板,例如Google完整的仪表板示例

在示例之后,我声明了这样的数据:

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);

当我打开页面时,出现以下错误:“对象#在format + it,default + it,ui + it,controls + it,corechart + it.I.js:183上没有方法'zg'

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

向往

new在DataTable构造函数中缺少关键字。它应该是:

var data = new google.visualization.DataTable(jsonData);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Google可视化图表数据范围

来自分类Dev

如何在Google Analytics(分析)中跟踪Google可视化图表事件?

来自分类Dev

如何在GWT和AjaxLoader中使用Google可视化图表

来自分类Dev

如何在Excel图表中可视化资源需求?

来自分类Dev

如何在 TensorFlow 的单个图表中可视化损失?

来自分类Dev

如何在Google可视化中检测日期单元格上的点击事件

来自分类Dev

如何在Google可视化区域上获取美国各州

来自分类Dev

使用Google Chart API可视化JSON数据

来自分类Dev

如何在 Python 中可视化空间农艺数据?

来自分类Dev

如何在Google Colab中显示Vega可视化

来自分类Dev

使用Google图表可视化熊猫数据框中的数据

来自分类Dev

使用Google图表可视化熊猫数据框中的数据

来自分类Dev

更改Google图表(Google可视化)图的背景颜色

来自分类Dev

如何在Fusion图表的组织结构图可视化中处理onclick事件

来自分类Dev

如何通过行标题(类别)而不是第一列过滤Google可视化图表

来自分类Dev

如何自定义在Google可视化图表中显示的工具提示

来自分类Dev

使Google可视化-注释图表可在GWT中工作

来自分类Dev

Google(图表)可视化:在图例中显示价值

来自分类Dev

重置图表,API可视化Google Earth

来自分类Dev

Google(图表)可视化:在图例中显示价值

来自分类Dev

可视化数据

来自分类Dev

如何可视化PCM数据

来自分类Dev

加载Google Spreadsheet以使用传单可视化

来自分类Dev

如何可视化(在网页上)用C ++编写的正在运行的数据结构

来自分类Dev

如何通过HTTPS加载GWT可视化API

来自分类Dev

如何为自己的可视化加载此html文件?

来自分类Dev

UiApp-图表与 可视化API

来自分类Dev

如何在QEMU / KVM上提高可视化屏幕分辨率?

来自分类Dev

如何在Python中正确分离数据采集,处理和可视化?

Related 相关文章

  1. 1

    Google可视化图表数据范围

  2. 2

    如何在Google Analytics(分析)中跟踪Google可视化图表事件?

  3. 3

    如何在GWT和AjaxLoader中使用Google可视化图表

  4. 4

    如何在Excel图表中可视化资源需求?

  5. 5

    如何在 TensorFlow 的单个图表中可视化损失?

  6. 6

    如何在Google可视化中检测日期单元格上的点击事件

  7. 7

    如何在Google可视化区域上获取美国各州

  8. 8

    使用Google Chart API可视化JSON数据

  9. 9

    如何在 Python 中可视化空间农艺数据?

  10. 10

    如何在Google Colab中显示Vega可视化

  11. 11

    使用Google图表可视化熊猫数据框中的数据

  12. 12

    使用Google图表可视化熊猫数据框中的数据

  13. 13

    更改Google图表(Google可视化)图的背景颜色

  14. 14

    如何在Fusion图表的组织结构图可视化中处理onclick事件

  15. 15

    如何通过行标题(类别)而不是第一列过滤Google可视化图表

  16. 16

    如何自定义在Google可视化图表中显示的工具提示

  17. 17

    使Google可视化-注释图表可在GWT中工作

  18. 18

    Google(图表)可视化:在图例中显示价值

  19. 19

    重置图表,API可视化Google Earth

  20. 20

    Google(图表)可视化:在图例中显示价值

  21. 21

    可视化数据

  22. 22

    如何可视化PCM数据

  23. 23

    加载Google Spreadsheet以使用传单可视化

  24. 24

    如何可视化(在网页上)用C ++编写的正在运行的数据结构

  25. 25

    如何通过HTTPS加载GWT可视化API

  26. 26

    如何为自己的可视化加载此html文件?

  27. 27

    UiApp-图表与 可视化API

  28. 28

    如何在QEMU / KVM上提高可视化屏幕分辨率?

  29. 29

    如何在Python中正确分离数据采集,处理和可视化?

热门标签

归档