Javascript 仅使用年(不含月或日)和谷歌时间线图表
我想显示一个只有年的时间线(谷歌图表) 但是,日期始终包括年、月和日(例如,Javascript 仅使用年(不含月或日)和谷歌时间线图表,javascript,datetime,charts,google-visualization,timeserieschart,Javascript,Datetime,Charts,Google Visualization,Timeserieschart,我想显示一个只有年的时间线(谷歌图表) 但是,日期始终包括年、月和日(例如,新日期(1789、3、30)) 我曾尝试将新日期()缩短为一年(例如新日期(2019)),但谷歌图表将其解释为秒(2.019秒) load(“当前”{packages:[“timeline”]}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var container=document.getElementById('div_timeline'); var
新日期(1789、3、30)
)
我曾尝试将新日期()缩短为一年(例如新日期(2019)
),但谷歌图表将其解释为秒(2.019秒
)
load(“当前”{packages:[“timeline”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var container=document.getElementById('div_timeline');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'Nr'});
addColumn({type:'string',id:'Journal'});
addColumn({type:'date',id:'Founded'});
addColumn({type:'date',id:'Now'});
dataTable.addRows([
[“1”,“休闲研究杂志”,新日期(1969年),新日期(2019年)],
[“2”,“批判社会学”,新日期(2009年),新日期(2019年)],
[“3”,“地理分析”,新日期(1909年),新日期(2019年)]
]);
图表绘制(数据表、选项);
}
有了这个代码,《休闲研究杂志》现在是1.969秒到2.019秒
相反,我想让图表将1969年定为2019年
我该怎么做?谢谢你的帮助 只需将日期设置为1月1日:
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Nr' });
dataTable.addColumn({ type: 'string', id: 'Journal' });
dataTable.addColumn({ type: 'date', id: 'Founded' });
dataTable.addColumn({ type: 'date', id: 'Now' });
dataTable.addRows([
[ '1', 'Journal of Leisure Research', new Date(1969,1,0), new Date(2019,1,0) ],
[ '2', 'Critical Sociology', new Date(2009,1,0), new Date(2019,1,0) ],
[ '3', 'Geographical Analysis', new Date(1909,1,0), new Date(2019,1,0) ]]);
chart.draw(dataTable);
}
</script>
</head>
<body>
<div id="timeline" style="height: 180px;"></div>
</body>
</html>
load('current',{'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var container=document.getElementById('timeline');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'Nr'});
addColumn({type:'string',id:'Journal'});
addColumn({type:'date',id:'Founded'});
addColumn({type:'date',id:'Now'});
dataTable.addRows([
[“1”,“休闲研究杂志”,新日期(1969,1,0),新日期(2019,1,0)],
[“2”,“批判社会学”,新日期(2009,1,0),新日期(2019,1,0)],
[“3”,“地理分析”,新日期(1909,1,0),新日期(2019,1,0)];
图表绘制(数据表);
}
你能解释一下为什么要通过一年来简化日期()吗?我想说明实体存在的持续时间(例如,《休闲研究杂志》从1909年到2019年一直存在,而《批判社会学》从2009年到2019年一直存在等等)——我不想具体说明月/日。
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Nr' });
dataTable.addColumn({ type: 'string', id: 'Journal' });
dataTable.addColumn({ type: 'date', id: 'Founded' });
dataTable.addColumn({ type: 'date', id: 'Now' });
dataTable.addRows([
[ '1', 'Journal of Leisure Research', new Date(1969,1,0), new Date(2019,1,0) ],
[ '2', 'Critical Sociology', new Date(2009,1,0), new Date(2019,1,0) ],
[ '3', 'Geographical Analysis', new Date(1909,1,0), new Date(2019,1,0) ]]);
chart.draw(dataTable);
}
</script>
</head>
<body>
<div id="timeline" style="height: 180px;"></div>
</body>
</html>