Javascript 使用谷歌图表在x轴上绘制日期

我的JSON数据是：

{“cols”：[{“id”：“label”：“Duration Time”，“pattern”：“type”：“Date”}，{“id”：“label”：“idtime”，“pattern”：“type”：“timeofday”}]，“rows”：[{“c”：[{“v”：“2015-02-06”，“f”：null}，{“v”：[00,00,10]，“f”：“00:00:10”}，{“c”：[{“v”：“v”：“v”：“2015-02-06”，“f”：null}，{“v[00,00,07]，”null}，{“v”：{“v:[00,00,04]，“f:“00:00:04”}，{“c:[{”v:“2015-02-13”，“f:null}，{”v:[00,00,18]，“f:“00:00:18”}]

每当我在x轴上绘制其他任何东西，即时间或数字时，我都可以这样做。但当我绘制日期时，它不会显示任何东西

我的部分脚本是：

    var piechartdata = new google.visualization.DataTable(jsonPieChartData);

    // Instantiate and draw our pie chart, passing in some options.
    var chart = new      google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(piechartdata, {
  width: 800,
  height: 600,
  pointSize:5,
  chartArea: { left:"10%",top:"10%",width:"80%",height:"80%" },
  legend: {position:'top'},

 hAxis: {
                title: "Date" 
         }
});
 }

我也尝试过这个JSON数据：

{ "cols": [{"id":"","label":"Date2","pattern":"","type":"Date"}, {"id":"","label":"Duration Time","pattern":"","type":"timeofday"} ], "rows": [ {"c":[{"v": "15,04,09","f": null },{"v": [00,00,10] ,"f": "00:00:10"}]}, {"c":[{"v": "15,04,10","f": null },{"v": [00,00,07] ,"f": "00:00:07"}]}, {"c":[{"v": "15,04,11","f": null },{"v": [00,00,44] ,"f": "00:00:44"}]}, {"c":[{"v": "15,04,20","f": null },{"v": [00,00,18] ,"f": "00:00:18"}]} ] }

---

有谁能告诉我脚本或json数据中有什么问题吗？

我认为您需要使用

“date”

而不是

“date”

此外，您的

v

值似乎也无效。例如，日期列希望在v值中包含日期对象，但您提供的是字符串

更改这两项似乎适用于第二组数据：

google.load（“可视化”，“1”{
软件包：[“corechart”]
});
setOnLoadCallback（drawChart）；
函数绘图图（）{
var jsonPieChartData={
“cols”：[{“id”：“label”：“Date2”，“pattern”：“type”：“date”}，
{“id”：“label”：“Duration Time”，“pattern”：“type”：“timeofday”}]，
“行”：[{“c”：[{“v”：新日期（2015年3月9日），“f”：空}，{“v”：[00,00,10]，“f”：“00:00:10”}，
{“c”：[{“v”：新日期（2015年3月10日），“f”：空}，{“v”：[00,00,07]，“f”：“00:00:07”}]，
{“c”：[{“v”：新日期（2015年3月11日），“f”：空}，{“v”：[00,00,44]，“f”：“00:00:44”}]，
{“c”：[{“v”：新日期（2015年3月20日），“f”：空}，{“v”：[00,00,18]，“f”：“00:00:18”}]
};
var piechartdata=new google.visualization.DataTable（jsonPieChartData）；
//实例化并绘制饼图，传入一些选项。
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（piechartdata{
宽度：800，
身高：600，
点数：5，
图表区：{
左：“10%”，
顶部：“10%”，
宽度：“80%”，
身高：“80%”
},
图例：{
位置：'顶部'
},
哈克斯：{
标题：“日期”
}
});
}

根据，您的JSON无效。这些JSON验证站点以零表示错误，但这不是一个有效错误。我用这些零表示时间与数字。00应该是0，07应该是7。除非您确实想显示00，否则您应该将其改为字符串，即“00”，并说这是标签，值为0。我也更改了它，但它仍然没有打印。