Javascript 谷歌可视化折线图-新日期（）显示轴上的100年
我对谷歌可视化非常陌生，所以可能有一些明显的地方我做错了，但出于某种原因，在我的横轴上显示的是日期，除了日期几乎有100年长，而日期的时间框架最多只有两天 我原以为图表会根据它拥有的数据自动调整视图范围。这是真的吗？或者我必须硬编码最小值和最大值吗 下面是它显示的内容： 下面是用于生成此代码的代码：Javascript 谷歌可视化折线图-新日期（）显示轴上的100年,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我对谷歌可视化非常陌生，所以可能有一些明显的地方我做错了，但出于某种原因，在我的横轴上显示的是日期，除了日期几乎有100年长，而日期的时间框架最多只有两天 我原以为图表会根据它拥有的数据自动调整视图范围。这是真的吗？或者我必须硬编码最小值和最大值吗 下面是它显示的内容： 下面是用于生成此代码的代码： <script> google.charts.load('current', {packages: ['corechart', 'line']});
<script>
google.charts.load('current', {packages: ['corechart', 'line']});
function drawBasic() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Time');
data.addColumn('number', 'Gain');
data.addColumn({type: 'string', role: 'tooltip'});
data.addRows([
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 2:33:23 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:43:38 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:43:50 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:47:47 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:48:43 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:48:53 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:49:29 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:49:44 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:57:59 am'],
[new Date(2018,03,23),665960845,'Friday, March 23, 2018 @ 3:59:26 am'],
[new Date(2018,03,23),666479192,'Friday, March 23, 2018 @ 5:08:06 am'],
[new Date(2018,03,23),666479192,'Friday, March 23, 2018 @ 6:13:59 pm'],
[new Date(2018,03,23),666781422,'Friday, March 23, 2018 @ 8:16:16 pm'],
[new Date(2018,03,23),666781422,'Friday, March 23, 2018 @ 8:55:16 pm'],
[new Date(2018,03,23),667196094,'Friday, March 23, 2018 @ 10:01:36 pm']
]);
var options = {
title:'XP gains for the past " . ucfirst(replaceUnderscoreWithSpace(getRecordTimeframe($timeframe))) . "',
width: 800,
height: 600,
hAxis: {
title: 'Time',
gridlines: {
color: '#eee',
count: 15,
},
textStyle: {
color: '#eee',
},
baselineColor: '#eee',
format: 'M/d/yyyy',
},
vAxis: {
title: 'XP',
gridlines: {
color: '#eee',
},
textStyle: {
color: '#eee',
},
baselineColor: '#eee',
},
legend: 'none',
backgroundColor: {
fill: '#222',
},
titleTextStyle: {
color: '#fff',
fontName: 'Open Sans',
fontSize: 14,
bold: false,
},
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
google.charts.setOnLoadCallback(drawBasic);
</script>
load（'current'，{packages:['corechart'，'line']}）；
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'Time'）；
data.addColumn（'数字'，'增益'）；
addColumn（{type:'string'，role:'tooltip'}）；
data.addRows([
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午2:33:23']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:43:38']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:43:50']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:47:47']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:48:43']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:48:53']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:49:29']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:49:44']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:57:59']，
[新日期（2018年3月23日），665960845，'2018年3月23日星期五上午3:59:26']，
[新日期（2018年3月23日），666479192，'2018年3月23日星期五上午5:08:06']，
[新日期（2018年3月23日），666479192，'2018年3月23日星期五下午6:13:59']，
[新日期（2018年3月23日），666781422，'2018年3月23日星期五晚上8:16:16']，
[新日期（2018年3月23日），666781422，'2018年3月23日星期五晚上8:55:16']，
[新日期（2018年3月23日），667196094，'2018年3月23日星期五晚上10:01:36']
]);
变量选项={
标题：“XP过去的收益”.ucfirst（替换下划线WithSpace（getRecordTimeframe（$timeframe））。”，
宽度：800，
身高：600，
哈克斯：{
标题:"时代",，
网格线：{
颜色：“#eee”，
计数：15，
},
文本样式：{
颜色：“#eee”，
},
基线颜色：“#eee”，
格式：“M/d/yyyy”，
},
言辞：{
标题：“XP”，
网格线：{
颜色：“#eee”，
},
文本样式：{
颜色：“#eee”，
},
基线颜色：“#eee”，
},
图例：“无”，
背景颜色：{
填写：“#222”，
},
titleTextStyle：{
颜色：“#fff”，
fontName:“打开SAN”，
尺寸：14，
粗体：错，
},
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}
google.charts.setOnLoadCallback（rubsic）；
Date（）如果您能提供任何帮助，我们将不胜感激。问题是，您的所有日期都是相同的，因此它不知道范围有多大。（1天？1个月？70年？） 另外，请注意，给Date构造函数一个月的
03google.charts.load（'current'，{packages:['corechart'，'line']}）；
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'Time'）；
data.addColumn（'数字'，'增益'）；
addColumn（{type:'string'，role:'tooltip'}）；
data.addRows([
[新日期（2018,02,23,2,33,23），665960845，'2018年3月23日星期五凌晨2:33:23']，
[新日期（2018,02,23,6,13,59），666479192，'2018年3月23日星期五下午6:13:59']，
[新日期（2018,02,23,8,16,16），666781422，'2018年3月23日星期五晚上8:16:16']，
]);
变量选项={
标题：“XP过去的收益”.ucfirst（替换下划线WithSpace（getRecordTimeframe（$timeframe））。”，
宽度：800，
身高：600，
哈克斯：{
标题:"时代",，
网格线：{
颜色：“#eee”，
计数：15，
},
文本样式：{
颜色：“#eee”，
},
基线颜色：“#eee”，
格式：“M/d/yyyy”，
},
言辞：{
标题：“XP”，
网格线：{
颜色：“#eee”，
},
文本样式：{
颜色：“#eee”，
},
基线颜色：“#eee”，
},
图例：“无”，
背景颜色：{
填写：“#222”，
},
titleTextStyle：{
颜色：“#fff”，
fontName:“打开SAN”，
尺寸：14，
粗体：错，
},
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}
google.charts.setOnLoadCallback（rubsic）
谢谢。无花果