Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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_Datetime_Charts_Google Visualization_Timeserieschart - Fatal编程技术网

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>