Google甘特图显示错误的一年 [英] Google gantt chart shows wrong year

问题描述

我已经创建了4个任务，并且图表加载正常，但它显示错误的日期例如2016年1月开发产品和发布部分。其实我没有在我的数据中使用这个日期。这里有什么问题？

可以你看看小提琴，让我知道这个问题。

HTML：

 < script type =text / javascriptsrc =https://www.gstatic.com/charts/loader.js>< / script> 
< div id =chart_div>< / div> 
  

Java script：

  google.charts.load（'current'，{'packages'：['gantt']}）; 
 google.charts.setOnLoadCallback（drawChart）; 
 
函数daysToMilliseconds（天）{
返回天数* 24 * 60 * 60 * 1000; 
 
 
 function drawChart（）{
 
 var data = new google.visualization.DataTable（）; 
 data.addColumn（'string'，'Task ID'）; 
 data.addColumn（'string'，'任务名称'）; 
 data.addColumn（'date'，'开始日期'）; 
 data.addColumn（'date'，'结束日期'）​​; 
 data.addColumn（'number'，'Duration'）; 
 data.addColumn（'数字'，'完成百分比'）; 
 data.addColumn（'string'，'Dependencies'）; 
 
 data.addRows（[
 ['Design'，'设计与分析'，
新日期（2015,8,1），新日期（2015,8,15 ），null，25，null]，
 ['Development'，'开发产品'，
 new新日期（2015，10，31） 20，null]，
 ['Testing'，'产品测试'，
新日期（2015,11.01），新日期（2015,11,30），null，10，null]， 
 ['Release'，'Release the product'，
 new Date（2015，12，01），new Date（2015，12，20），null，0，null]，
 ]）; 
 
 var options = {
 height：275 
}; 
 
 var chart = new google.visualization.Gantt（document.getElementById（'chart_div'））; 
 
 chart.draw（data，options）; 
} 
  

帮助并回复赞赏！

所以2015年12月1日将是 - > new Date（2015，11，01）

代替 12 将日期推到2016年1月1日

请参阅以下片段...

Date Test

console.log（new Date（2015，11，01 ））; console.log（new Date（2015，12，01））;

图表测试

如果范围应该是8 - 12月，那么每个月减1＃ b
$ b

  google.charts.load（'current'，{'packages'：['gantt']}）; google.charts.setOnLoadCallback（drawChart）;函数daysToMilliseconds（days）{return days * 24 * 60 * 60 * 1000; } function drawChart（）{var data = new google.visualization.DataTable（）; data.addColumn（'string'，'Task ID'）; data.addColumn（'string'，'任务名称'）; data.addColumn（'date'，'开始日期'）; data.addColumn（'date'，'结束日期'）​​; data.addColumn（'number'，'Duration'）; data.addColumn（'数字'，'完成百分比'）; data.addColumn（'string'，'Dependencies'）; data.addRows（[['Design'，'Design and analysis'，new Date（2015,7,1），new Date（2015,7,15），null，25，null]，['Development'，'Develop产品'，新日期（2015,7,16），新日期（2015,9,31），null，20，null]，['测试'，'产品测试'，新日期（2015,10,01） ，新日期（2015年11月20日），新日期（2015年11月20日），空日期（2015年10月30日），null，10，null]，['Release'，'发布产品' ，0，null]，]）; var options = {height：275}; var chart = new google.visualization.Gantt（document.getElementById（'chart_div'））; chart.draw（数据，选项）; }  

 < script type =text / javascriptsrc =https://www.gstatic.com/charts/loader.js>< / script>< div id =chart_div>< / div>  

I have started using gantt chart which is recently launched by google which seems great for tasks tracking via chart.

I have created 4 tasks and chart loads fine but it shows wrong date for e.g. Jan 2016 in Develop the product and release section. Actually i haven't used this date in my data at all. What is the issue over here?

Can you take a look fiddle and let me know the issue please.

HTML:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

Java script:

google.charts.load('current', {'packages':['gantt']});
google.charts.setOnLoadCallback(drawChart);

function daysToMilliseconds(days) {
  return days * 24 * 60 * 60 * 1000;
}

function drawChart() {

  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Task ID');
  data.addColumn('string', 'Task Name');
  data.addColumn('date', 'Start Date');
  data.addColumn('date', 'End Date');
  data.addColumn('number', 'Duration');
  data.addColumn('number', 'Percent Complete');
  data.addColumn('string', 'Dependencies');

  data.addRows([
    ['Design', 'Design and analysis',
     new Date(2015, 8, 1), new Date(2015, 8, 15), null, 25,  null],
    ['Development', 'Develop the product',
     new Date(2015, 8, 16), new Date(2015, 10, 31), null, 20, null],
    ['Testing', 'Product testing',
     new Date(2015, 11, 01), new Date(2015, 11, 30), null, 10, null],
    ['Release', 'Release the product',
     new Date(2015, 12, 01), new Date(2015, 12, 20), null, 0, null],
  ]);

  var options = {
    height: 275
  };

  var chart = new google.visualization.Gantt(document.getElementById('chart_div'));

  chart.draw(data, options);
}

Helps and reply appreciated!

解决方案

month numbers are zero-based in JavaScript

so Dec, 1 2015 would be --> new Date(2015, 11, 01)

instead the 12 pushes the date to Jan 1, 2016

see following snippets...

Date Test

console.log(new Date(2015, 11, 01));
console.log(new Date(2015, 12, 01));

Chart Test

if the range should be Aug - Dec, then reduce each month # by 1

    google.charts.load('current', {'packages':['gantt']});
    google.charts.setOnLoadCallback(drawChart);

    function daysToMilliseconds(days) {
      return days * 24 * 60 * 60 * 1000;
    }

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Task ID');
      data.addColumn('string', 'Task Name');
      data.addColumn('date', 'Start Date');
      data.addColumn('date', 'End Date');
      data.addColumn('number', 'Duration');
      data.addColumn('number', 'Percent Complete');
      data.addColumn('string', 'Dependencies');

      data.addRows([
        ['Design', 'Design and analysis',
         new Date(2015, 7, 1), new Date(2015, 7, 15), null, 25,  null],
        ['Development', 'Develop the product',
         new Date(2015, 7, 16), new Date(2015, 9, 31), null, 20, null],
        ['Testing', 'Product testing',
         new Date(2015, 10, 01), new Date(2015, 10, 30), null, 10, null],
        ['Release', 'Release the product',
         new Date(2015, 11, 01), new Date(2015, 11, 20), null, 0, null],
      ]);

      var options = {
        height: 275
      };

      var chart = new google.visualization.Gantt(document.getElementById('chart_div'));

      chart.draw(data, options);
    }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

这篇关于Google甘特图显示错误的一年的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！