2014-11-05 65 views
2

當我在Calendar Chart包中使用Google Chart API時,它不會在11月或12月的日期繪製數據。Google Chart日曆不會在十一月和十二月運行

我使用的是https://developers.google.com/chart/interactive/docs/gallery/calendar上的Google代碼示例。

而且,即使使用谷歌示例,如果我將月份更改爲11月或12月(索引10或11),則數據不會被繪製,但其他月份都可以。從谷歌

示例代碼:

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1.1", {packages:["calendar"]}); 
     google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn({ type: 'date', id: 'Date' }); 
     dataTable.addColumn({ type: 'number', id: 'Won/Loss' }); 
     dataTable.addRows([ 
      [ new Date(2012, 3, 13), 37032 ], 
      [ new Date(2012, 3, 14), 38024 ], 
      [ new Date(2012, 3, 15), 38024 ], 
      [ new Date(2012, 3, 16), 38108 ], 
      [ new Date(2012, 3, 17), 38229 ], 
      // Many rows omitted for brevity. 
      [ new Date(2013, 9, 4), 38177 ], 
      [ new Date(2013, 9, 5), 38705 ], 
      [ new Date(2013, 9, 12), 38210 ], 
      [ new Date(2013, 9, 13), 38029 ], 
      [ new Date(2013, 9, 19), 38823 ], 
      [ new Date(2013, 9, 23), 38345 ], 
      [ new Date(2013, 9, 24), 38436 ], 
      [ new Date(2013, 9, 30), 38447 ] 
     ]); 

     var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 

     var options = { 
     title: "Red Sox Attendance", 
     height: 350, 
     }; 

     chart.draw(dataTable, options); 
    } 
    </script> 
    </head> 
    <body> 
    <div id="calendar_basic" style="width: 1000px; height: 350px;"></div> 
    </body> 
</html> 
+0

這仍然是一個錯誤在2015年 – Khrys 2015-12-07 14:22:41

回答

0

你肯定問題不是幾個月沒有由於尺寸顯示? 以上面的示例代碼並將月份更改爲10(11月)和11(12月),它工作正常。

查看結果爲jsfiddle。你可能會注意到你必須滾動才能看到最近幾個月。我懷疑你對你的css有一些限制,這會限制以後的幾個月。

代碼中的jsfiddle:

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1.1", {packages:["calendar"]}); 
     google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn({ type: 'date', id: 'Date' }); 
     dataTable.addColumn({ type: 'number', id: 'Won/Loss' }); 
     dataTable.addRows([ 
      [ new Date(2012, 10, 13), 37032 ], 
      [ new Date(2012, 10, 14), 38024 ], 
      [ new Date(2012, 10, 15), 38024 ], 
      [ new Date(2012, 11, 16), 38108 ], 
      [ new Date(2012, 11, 17), 38229 ], 
      // Many rows omitted for brevity. 
      [ new Date(2013, 10, 4), 38177 ], 
      [ new Date(2013, 10, 5), 38705 ], 
      [ new Date(2013, 10, 12), 38210 ], 
      [ new Date(2013, 10, 13), 38029 ], 
      [ new Date(2013, 11, 19), 38823 ], 
      [ new Date(2013, 11, 23), 38345 ], 
      [ new Date(2013, 11, 24), 38436 ], 
      [ new Date(2013, 11, 30), 38447 ] 
     ]); 

     var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 

     var options = { 
     title: "Red Sox Attendance", 
     height: 350, 
     }; 

     chart.draw(dataTable, options); 
    } 
    </script> 
    </head> 
    <body> 
    <div id="calendar_basic" style="width: 1000px; height: 350px;"></div> 
    </body> 
</html> 
+0

的例子並不沒有表現出來的工作。我同意那個。 11月和12月不適用於Google日曆。 – Khrys 2015-12-07 14:22:26

+0

這是否意味着您在示例jsfiddle中看不到它們?請詳細說明,我看到的日期標記爲11月和12月。 – guival 2015-12-10 11:16:25

+1

是的。我從Google Vis與Daniel聯繫,他意識到這個問題。它與時區有關。我在GMT -3的巴西。他告訴我很快就會有解決辦法。 – Khrys 2015-12-10 14:16:40

相關問題