谷歌柱图修剪酒吧

我想使用Google的柱状图显示数据。我试图显示不堆叠的酒吧，但它不会从两端显示一个酒吧。然后我将房产isStacked更改为true，它显示了所有酒吧，但它在两端都收获了酒吧。谷歌柱图修剪酒吧

Google Column Chart http://i45.tinypic.com/3h4za.png

我怎样才能解决这个问题？

我正在玩的选项，但似乎没有任何工作。

<script type='text/javascript'> 
    google.load('visualization', '1', { 'packages': ['corechart'] }); 
    google.setOnLoadCallback(drawSizeChart); 
    var d = 0; 
    function drawSizeChart() { 

     $.post('/metrics/SiteResourceChart', { fnsId: "@Model.FnsId", regionId: selectedValue }, 
      function (data) { 
       if (Object.keys(data).length !== 0) { 
        var tdata = new google.visualization.DataTable(); 
        tdata.addColumn('date', 'Date'); 
        for (var p = 0; p < data.length; ++p) { 
         tdata.addColumn('number', data[p][0].PathName); 
        } 

        d = data[0].length; 
        for (var i = 0; i < data.length; ++i) { 
         for (var j = 0; j < data[i].length; ++j) { 
          var date = new Date(parseInt(data[i][j].CreatedAt.substr(6))); 
          var rCount = data[i][j].ResourceCount; 
          if (i === 0) 
           tdata.addRow([date, rCount, null]); 
          else 
           tdata.addRow([date, null, rCount]); 
         } 
        } 


        var options = { 
         title: 'Resource Count', 
         titleTextStyle: { fontSize: 20 }, 
         isStacked: true, 
         bar: { groupWidth: '20%' }, 
         chartArea: { left: '50' }, 
         hAxis: { viewWindowMode: 'maximized' } 

         //legend: { position: 'none' } 
        }; 

        var chart = new google.visualization.ColumnChart(document.getElementById('site_size_chart')); 
        chart.draw(tdata, options); 
       } 
      } 
     ); 
    } 
</script>

来源

2012-06-26 SherCoder