Javascript 谷歌图表API-如何将我的x轴标签转换为日期格式,然后在一些按钮上按月份分组

Javascript 谷歌图表API-如何将我的x轴标签转换为日期格式,然后在一些按钮上按月份分组,javascript,json,ajax,google-api,google-visualization,Javascript,Json,Ajax,Google Api,Google Visualization,我通过ajax响应得到的JSON数组如下所示: [["\u041f\u0435\u0440\u0438\u043e\u0434","\u041a\u043b\u0438\u0435\u043d\u0442\u044b","\u0421\u0434\u0435\u043b\u043a\u0438","\u0421\u0443\u043c\u043c\u0430 \u0441\u0434\u0435\u043b\u043e\u043a","\u041e\u043f\u043b\u0430\u0447

我通过ajax响应得到的JSON数组如下所示:

[["\u041f\u0435\u0440\u0438\u043e\u0434","\u041a\u043b\u0438\u0435\u043d\u0442\u044b","\u0421\u0434\u0435\u043b\u043a\u0438","\u0421\u0443\u043c\u043c\u0430 \u0441\u0434\u0435\u043b\u043e\u043a","\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438"],["2017-02-18",0,0,0,0],["2017-02-19",1,0,0,0],["2017-02-20",2,0,0,0],["2017-02-21",4,1,64000,0],["2017-02-22",0,0,0,0],["2017-02-23",3,0,0,0],["2017-02-24",1,0,0,0],["2017-02-25",0,0,0,0],["2017-02-26",2,0,0,0],["2017-02-27",1,1,50000,0],["2017-02-28",1,0,0,0]...etc
所以,一切正常,我的X轴标签看起来不错,但我不明白我该怎么做: 1) 让他们在谷歌图表的日期格式理解这是日期和时间 2) 通过单击某个按钮按月份对其进行分组

所有的问题都来自我的谷歌图表实现方式。 这是密码

函数绘图图(){
“u0434”和“,“\U0411A\U0411A\U0433\U0433\u0434,,,,“\u041a\U0411A\u043b\u043b\u0438\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\u0434,,,,,“,,,,,,,,,,,,,,,,“\u0421\u0421\u0421\u0421\u0421\u0421\u0434\u0434\u0434\u0434\u0434\u0434\u0434\u0434\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\41\u0434\u0435\u043b\u043a\u0438“],[“2017-02-18”,0,0,0,0],“2017-02-19”,1,0,0,0],["2017-02-20",2,0,0,0],["2017-02-21",4,1,64000,0],["2017-02-22",0,0,0,0],["2017-02-23",3,0,0,0],["2017-02-24",1,0,0,0],["2017-02-25",0,0,0,0],["2017-02-26",2,0,0,0],["2017-02-27",1,1,50000,0],["2017-02-28",1,0,0,0],["2017-03-01",0,0,0,0],["2017-03-02",6,0,0,0],["2017-03-03",2,0,0,0],["2017-03-04",1,0,0,0],["2017-03-05",1,0,0,0],["2017-03-06",10,0,0,0],["2017-03-07",1,0,0,0],["2017-03-08",1,0,0,0],["2017-03-09",0,0,0,0],["2017-03-10",9,0,0,0],["2017-03-11",0,0,0,0],["2017-03-12",3,0,0,0],["2017-03-13",3,0,0,0],["2017-03-14",1,0,0,0],["2017-03-15",6,0,0,0],["2017-03-16",1,0,0,0],["2017-03-17",1,0,0,0],["2017-03-18",0,0,0,0],["2017-03-19",5,0,0,0],["2017-03-20",5,0,0,0]]';
data=google.visualization.arrayToDataTable($.parseJSON(obj));
变量选项={
十字线:{
触发器:“两个”,
方向:“垂直”
},
焦点目标:“类别”,
图表区:{左:40,上:40,宽:“85%”,
哈克斯:{
格式:“MM”
},
阀门:{
0: {},
1:{标题:'CаМа'},
},
系列:{0:{targetAxisIndex:0},
1:{targetAxisIndex:0},
2:{targetAxisIndex:1},
3:{targetAxisIndex:1},
},
动画:{
持续时间:750,
//“出去”,
启动:正确
},
背景颜色:“aliceblue”
};
var chart=新的google.visualization.LineChart(
document.getElementById('chart\u div')
);
图表绘制(数据、选项);
}
load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

1)要让谷歌将第一列识别为日期,需要在json中使用以下格式

"Date(year, month, day, hours, minutes, days, seconds, milliseconds)"
e、 g

["Date(2017, 1, 18)",0,0,0,0],["Date(2017, 1, 19)",1,0,0,0],
月份以零为基础-->
1=Feb

或者,您可以使用视图和计算列进行转换,请参见代码段


2)使用该方法按月分组

请参阅以下工作片段

函数绘图图(){
“u0434”和“,“\U0411A\U0411A\U0433\U0433\u0434,,,,“\u041a\U0411A\u043b\u043b\u0438\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\u0434,,,,,“,,,,,,,,,,,,,,,,“\u0421\u0421\u0421\u0421\u0421\u0421\u0434\u0434\u0434\u0434\u0434\u0434\u0434\u0434\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\U043\41\u0434\u0435\u043b\u043a\u0438“],[“2017-02-18”,0,0,0,0],“2017-02-19",1,0,0,0],["2017-02-20",2,0,0,0],["2017-02-21",4,1,64000,0],["2017-02-22",0,0,0,0],["2017-02-23",3,0,0,0],["2017-02-24",1,0,0,0],["2017-02-25",0,0,0,0],["2017-02-26",2,0,0,0],["2017-02-27",1,1,50000,0],["2017-02-28",1,0,0,0],["2017-03-01",0,0,0,0],["2017-03-02",6,0,0,0],["2017-03-03",2,0,0,0],["2017-03-04",1,0,0,0],["2017-03-05",1,0,0,0],["2017-03-06",10,0,0,0],["2017-03-07",1,0,0,0],["2017-03-08",1,0,0,0],["2017-03-09",0,0,0,0],["2017-03-10",9,0,0,0],["2017-03-11",0,0,0,0],["2017-03-12",3,0,0,0],["2017-03-13",3,0,0,0],["2017-03-14",1,0,0,0],["2017-03-15",6,0,0,0],["2017-03-16",1,0,0,0],["2017-03-17",1,0,0,0],["2017-03-18",0,0,0,0],["2017-03-19",5,0,0,0],["2017-03-20",5,0,0,0]]';
var data=google.visualization.arrayToDataTable($.parseJSON(obj));
//创建日期格式化程序
var formatDate=new google.visualization.DateFormat({
图案:“嗯”
});
//创建具有计算列的视图
var view=newgoogle.visualization.DataView(数据);
view.setColumns([
//第0-x列
{
标签:“日期”,
键入:“日期”,
计算:函数(dt,行){
返回新日期(dt.getValue(第0行))
}
},
//第1-y列
1.
]);
//按月分组
var groupData=google.visualization.data.group(
//数据表
看法
//按字段分组
[{列:0,类型:'string',修饰符:function(xValue){
返回formatDate.formatValue(新日期(xValue));
}}],
//聚合字段
[
{
聚合:google.visualization.data.sum,
专栏:1,
标签:“总计”,
键入:“数字”
}
]
);
变量选项={
十字线:{
触发器:“两个”,
方向:“垂直”
},
焦点目标:“类别”,
图表区:{左:40,上:40,宽:“85%”,
哈克斯:{
格式:“MM”
},
阀门:{
0: {},
1:{title:'C??'},
},
系列:{0:{targetAxisIndex:0},
1:{targetAxisIndex:0},
2:{targetAxisIndex:1},
3:{targetAxisIndex:1},
},
动画:{
持续时间:750,
放松:'无生气',
启动:正确
},
背景颜色:“aliceblue”
};
var chart=新的google.visualization.LineChart(
document.getElementById('chart\u div')
);
//绘制分组数据
图表绘制(分组数据、选项);
}
google.charts.load('current'{
回调:函数(){
图纸();
window.addEventListener('resize',drawChart,false);
},
软件包:['corechart']
});

哦,天哪,感谢上帝,那