Google图表具有空值的折线图

时间:2013-09-15 12:33:29

标签: json google-visualization

我建立一个折线图,记录每个步行者每天所采取的步数,其中每个成员是一个系列,x轴是日期,y轴是数量采取的步骤。

但是,助行器可能会或可能没有每天的读数,这会导致问题。显示图表时,我收到错误消息,说明#0轴的数据列不能是字符串类型。

以下是我的json

的示例
{
    "cols" : [{
            "id" : null,
            "label" : "Date",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Joe Bloggs",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "John Doe",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Jane Doe",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "John Bloggs",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Jane Bloggs",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Ann Walker",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Andy Walker",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Tom Jones",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Foo Bar",
            "type" : "string"
        }, {
            "id" : null,
            "label" : "Bar Foo",
            "type" : "string"
        }
    ],
    "rows" : [{
            "c" : [{
                    "v" : "02 Sep 13",
                    "f" : null
                }, {
                    "v" : 6787,
                    "f" : null
                }, {
                    "v" : 1558,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : 9913,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : 27881,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : 7410,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : null,
                    "f" : null
                }, {
                    "v" : 2126,
                    "f" : null
                }
            ]
        }]
}

我省略了额外的行以保持简短。为了格式化和简单,我故意将日期视为字符串

在这种情况下,我可能有或没有行的值,我应该如何表示它?

1 个答案:

答案 0 :(得分:2)

您将列定义为y轴的字符串,它应该是数字。除了第一列(您的日期列),将所有其他列更改为“type:number”,它应该可以正常工作。

谷歌图表的JSON格式有时候会有些棘手。测试它的一个好方法是创建一个谷歌电子表格作为源,并玩它改变电子表格上的值,并通过浏览器加载为json,因为它将为您提供谷歌图表API所需的正确格式。 有关如何执行此操作的详细信息,请查看此帖子的答案。

Data Set that can be used for statistics

我希望它有所帮助