Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.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 谷歌图表:如何自定义轴上显示的日期格式?_Javascript_Charts_Google Visualization - Fatal编程技术网

Javascript 谷歌图表:如何自定义轴上显示的日期格式?

Javascript 谷歌图表:如何自定义轴上显示的日期格式?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我遵循有关轴自定义的文档,但它没有说明如何在轴上自定义日期格式,只是在列上 我需要我的Axis格式为“dd/MM/yy”,但无法实现如此简单的taks 这是你的电话号码 google.charts.load(“当前”{ 包装:[“行”] }); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.visualization.arrayToDataTable([ [“日期”、“A”、“B”、“C”、“D”、“E

我遵循有关轴自定义的文档,但它没有说明如何在轴上自定义日期格式,只是在列上

我需要我的Axis格式为“dd/MM/yy”,但无法实现如此简单的taks

这是你的电话号码

google.charts.load(“当前”{
包装:[“行”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“日期”、“A”、“B”、“C”、“D”、“E”、“F”],
[新日期(2006年1月1日),5394501420480938048527128],
[新日期(2006年1月8日)、569751472480918776447134],
[新日期(2006年1月16日),578051922480894177297148],
[新日期(2006年1月25日),599352112480875077687151],
[新日期(2006年2月2日)、620752822480863678277195],
[新日期(2006年2月11日),633453612548851578747140],
[新日期(2006年2月16日),668753462566834778957131],
[新日期(2006年2月28日),696753982802822078317141],
[新日期(2006年3月1日),706154192818819878277031],
[新日期(2006年3月2日),733554572829821179596966]
]);
变量选项={
图表:{title:“我的图形”},
曲线类型:“函数”,
图例:{位置:“无”},
轴线:{
x:{
0:{侧面:“顶部”,标签:“轴标签”,格式:“dd/MM/yy”,颜色:“红色”}
}
},
hAxis:{格式:“dd/MM/yyyy”},
变量:{格式:“mmmd,y”}
};
var chart=new google.charts.Line(document.getElementById(“曲线图”);
图表绘制(数据、选项);
}

有几种材料图表不支持的选项。
见-->

物料图表-->
google.charts.Line
--
packages:[“Line”]

经典图表-->
google.visualization.LineChart
--
包:[“corechart”]


对于材质图表支持的选项,
在绘制图表之前,您需要将这些选项转换为材质选项

google.charts.Line.convertOptions(options)
请参阅以下工作片段

google.charts.load(“当前”{
包装:[“行”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“日期”、“A”、“B”、“C”、“D”、“E”、“F”],
[新日期(2006年1月1日),5394501420480938048527128],
[新日期(2006年1月8日)、569751472480918776447134],
[新日期(2006年1月16日),578051922480894177297148],
[新日期(2006年1月25日),599352112480875077687151],
[新日期(2006年2月2日)、620752822480863678277195],
[新日期(2006年2月11日),633453612548851578747140],
[新日期(2006年2月16日),668753462566834778957131],
[新日期(2006年2月28日),696753982802822078317141],
[新日期(2006年3月1日),706154192818819878277031],
[新日期(2006年3月2日),733554572829821179596966]
]);
变量选项={
图表:{title:“我的图形”},
曲线类型:“函数”,
图例:{位置:“无”},
轴线:{
x:{
0:{侧面:“顶部”,标签:“轴标签”,格式:“dd/MM/yy”,颜色:“红色”}
}
},
hAxis:{格式:“dd/MM/yyyy”}
};
var chart=new google.charts.Line(document.getElementById(“曲线图”);
chart.draw(数据,google.charts.Line.convertOptions(选项));
}


谢谢,这很有帮助,顺便问一下,您是否也知道如何更改图表的语言?(比如说,用法语显示几周的天数)?然而,我真的不明白为什么去掉vAxis有助于解决Y轴上的问题。)Y轴由数字表示,而不是日期。使用“材质选项”转换时,向y轴添加日期格式将导致错误。-至于更改语言,这是load语句中的一个选项,请参见上面的编辑…太好了,根据您的回答,我找到了关于HOVER的文档,似乎为了更改la chart语言,需要重新加载库。。。。