2013-04-04 76 views
3

我正在使用谷歌可视化图表,我遇到了以下问题。谷歌饼图没有显示任何切片,但其他人

我有一个页面是图表显示。可以在不同的图表之间切换。除了饼图以外,每个图表选项都有效。

PieChart是可见的,但它只是一个显示100%的灰色圆圈。

我DataTable中已经得到的数据是:

{"cols": [{ 
      "id": "New jobs", 
      "label": "New jobs", 
      "pattern": "", 
      "type": "string" 
     }, 
     { 
      "id": "Date", 
      "label": "Date", 
      "pattern": "", 
      "type": "number" 
     } 
    ], 
    "rows": [{"c": [{ 
        "v": "01-11-2012", 
        "f": null 
       },{ 
        "v": "5", 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "02-11-2012", 
        "f": null 
       },{ 
        "v": "3", 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "03-11-2012", 
        "f": null 
       },{ 
        "v": "8", 
        "f": null 
       }] 
     },{"c": [{ 
        "v": "04-11-2012", 
        "f": null 
       }, 
       { 
        "v": "2", 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "05-11-2012", 
        "f": null 
       }, 
       { 
        "v": "6", 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "06-11-2012", 
        "f": null 
       }, 
       { 
        "v": "7", 
        "f": null 
       } 
      ] 
     } 
    ] 
} 

也许有一些错误的JSON格式。

如果您需要更多信息,或者您有可能的答案,请让我知道。

+0

没有人知道这个问题的解决方案吗? – MmynameStackflow 2013-04-26 09:58:50

+0

你能展示更多的代码吗? – 2013-06-01 22:49:35

回答

3

问题已解决。

该值是一个字符串,它必须是一个数字,所以在PHP中只需将该值转换为一个int,然后将其放入数组中。

{"cols": [{ 
      "id": "New jobs", 
      "label": "New jobs", 
      "pattern": "", 
      "type": "string" 
     }, 
     { 
      "id": "Date", 
      "label": "Date", 
      "pattern": "", 
      "type": "number" 
     } 
    ], 
    "rows": [{"c": [{ 
        "v": "01-11-2012", 
        "f": null 
       },{ 
        "v": 5, 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "02-11-2012", 
        "f": null 
       },{ 
        "v": 3, 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "03-11-2012", 
        "f": null 
       },{ 
        "v": 8, 
        "f": null 
       }] 
     },{"c": [{ 
        "v": "04-11-2012", 
        "f": null 
       }, 
       { 
        "v": 2, 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "05-11-2012", 
        "f": null 
       }, 
       { 
        "v": 6, 
        "f": null 
       } 
      ] 
     },{"c": [{ 
        "v": "06-11-2012", 
        "f": null 
       }, 
       { 
        "v": 7, 
        "f": null 
       } 
      ] 
     } 
    ] 
}