Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表JSON结构-什么是不正确的_Javascript_Json_Google Visualization - Fatal编程技术网

Javascript 谷歌图表JSON结构-什么是不正确的

Javascript 谷歌图表JSON结构-什么是不正确的,javascript,json,google-visualization,Javascript,Json,Google Visualization,谢谢你在这方面的帮助 我正在从服务器上提供JSON,但是数据没有显示在我的表上。没有javascript错误,这表明我的JSON有问题(使用JS函数中的示例数据…) 这里是JSON { "cols": [ {"label": "month","type": "string"}, {"label": "date","type": "date"}, {"label": "amount","type": "

谢谢你在这方面的帮助

我正在从服务器上提供JSON,但是数据没有显示在我的表上。没有javascript错误,这表明我的JSON有问题(使用JS函数中的示例数据…)

这里是JSON

    {
        "cols": [
            {"label": "month","type": "string"},
            {"label": "date","type": "date"},
            {"label": "amount","type": "number"},
            {"label": "extype","type": "string"},
            {"label": "claimed","type": "boolean"}
        ],
        "rows": [
            {"c":["2016-10","2016-10-01",{"v":38.09,"f":"$38.09"},"Dinner",true]},
            {"c":["2016-10","2016-10-02",{"v":30.07,"f":"$30.07"},"Lunch",true]},
            {"c":["2016-10","2016-10-03",{"v":44.7,"f":"$44.7"},"Dinner",true]}
        ]
    }
下面是我用来呈现表格的javascript函数。上面的JSON作为
dataset

    function drawTable(dataset,options){
        'use strict';
        var data = new google.visualization.DataTable(dataset);
        var cssClassNames = {
            'tableRow': '',
            'hoverTableRow': '',
            'headerCell': 'd',
            'tableCell': ''};
        options.cssClassNames = cssClassNames;
        var table = new google.visualization.Table(document.getElementById('tableChart'));
        table.draw(data, options);
    }
这是呈现的输出(注意仅显示数量)


首先,应使用对象表示法定义每一列,类似于金额列

{"c":[{"v":"2016-10"},{"v":"Date(2016, 9, 1)"},{"v":38.09,"f":"$38.09"},{"v":"Dinner"},{"v":true}]}
下一步,如果第二列是实际日期,则需要更改格式

从-->
“2016-10-01”

至-->
“日期(2016年9月1日)”

注:使用此方法时,月份以零为基础(9=10月)

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var jsonData={
“科尔斯”:[
{“label”:“month”,“type”:“string”},
{“标签”:“日期”,“类型”:“日期”},
{“标签”:“金额”,“类型”:“编号”},
{“label”:“extype”,“type”:“string”},
{“label”:“claired”,“type”:“boolean”}
],
“行”:[
{“c”:[{“v”:“2016-10”},{“v”:“日期(2016年9月1日)”},{“v”:38.09,“f”:“$38.09”},{“v”:“晚餐”},{“v”:真的}]},
{“c”:[{“v”:“2016-10”},{“v”:“日期(2016年9月2日)”},{“v”:30.07,“f”:“$30.07”},{“v”:“午餐”},{“v”:真的},},
{“c”:[{“v”:“2016-10”},{“v”:“日期(2016年9月3日)”},{“v”:44.7,“f”:“$44.7”},{“v”:“晚餐”},{“v”:真的}]}
]
};
var data=新的google.visualization.DataTable(jsonData);
var table=新的google.visualization.table(document.getElementById('tableChart');
表.绘图(数据);
},
套餐:[“表”]
});


我在您的代码中没有看到
月份
-您在问题中遗漏了一些重要信息。我的错,我已经添加了它,现在列中没有显示值。我将添加一个编辑
我得到的错误是
任何关于哪行代码导致此错误的线索?抱歉,错误在我的服务器端。我将结束这个问题,并为下一期打开一个新问题。(我想这是我应该做的。谢谢你的评论)@JaromandaX抱歉,它没有让我再发一条。我已经编辑了上面的内容,我知道了,我添加了带有v,f的对象通知,但很高兴知道我可以在不使用f时删除它。谢谢你的帮助,今晚下班后我会实施这些改变,让你知道我的进展如何。