2015-09-14 73 views
0

我的小提琴:https://jsfiddle.net/vbdy7fLe/1/谷歌條形圖顯示日問題

我試圖使用谷歌柱形圖並顯示多個字段的數據和日期。但我不確定它爲什麼不顯示02 Jan 2015 and 04 Jan 2015

的數據是存在的,這是我的js代碼

google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['date', 'person A', 'person B'], 
      [new Date(2015, 0, 1), 1, 4, ], 
      [new Date(2015, 0, 2), 1, 4, ], 
      [new Date(2015, 0, 3), 6, 11, ], 
      [new Date(2015, 0, 4), 10, 5, ], 
      [new Date(2015, 0, 5), 10, 5, ] 
     ]); 


     var options = { 
      chart: { 
       title: 'Meeting by weeks' 
      }, 
      bars: 'vertical', 
      height: 400, 
      colors: ['#3498db', '#9b59b6', '#16a085'], 
      hAxis: { 
       format: 'dd MMM yyyy' 
      } 
     }; 

     var chart = new google.charts.Bar(document.getElementById('chart_div')); 

     chart.draw(data, google.charts.Bar.convertOptions(options)); 

    } 

回答

0

它無法顯示,因爲谷歌的功能是繪製圖表已經決定,沒有足夠的空間來寫的每一個欄的文本。 請嘗試設置hAxis.slantedText或者嘗試擴大圖表。