谷歌条形图显示日问题

问题描述：

我的小提琴：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)); 

    }

答

它无法显示，因为谷歌的功能是绘制图表已经决定，没有足够的空间来写的每一个栏的文本。请尝试设置hAxis.slantedText或者尝试扩大图表。

谷歌条形图显示日问题

相关推荐