刪除谷歌圖表上方和下方的空白空間水平柱形圖

Question

我使用水平柱形圖顯示谷歌圖表的圖表。我想刪除圖表上方和下方的空白區域。

這裏是所謂的（一些信息刪除，由於NDA）的代碼：

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     [null, "...","...","...","...","...","...","...","...","Total Average"], 
     [null, 100,100,100,100,100,88.89,100,100,98.70] 
    ]); 

    var options = { 
     height: 540, 
     title: 'Title here', 
     vAxis: { textPosition: 'none', viewWindowMode: 'maximized' }, 
     colors:["#0B0842","#ADAEAE","#BE3351","#498101","#0D80CA","#A3C116","#91A96B","#E8F72B","#424242"], 
     hAxis: { textPosition: 'none', minValue: 0, maxValue: 100 }, 
     chartArea: { left: 0, width: "78%" }, 
    }; 

    var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
} 

Answer 1

空間的上方和下方的酒吧通常存在於獨立的酒吧羣當你有多個行數據。如果你不希望這樣的空間，那麼你可以在圖表中設置bar.groupWidth選項比例較大（可達100％;默認爲黃金比例，約爲61.8％）：

var options = { 
    height: 540, 
    title: 'Title here', 
    vAxis: { textPosition: 'none', viewWindowMode: 'maximized' }, 
    colors:["#0B0842","#ADAEAE","#BE3351","#498101","#0D80CA","#A3C116","#91A96B","#E8F72B","#424242"], 
    hAxis: { textPosition: 'none', minValue: 0, maxValue: 100 }, 
    chartArea: { left: 0, width: "78%" }, 
    bar: {groupWidth: '100%'} 
};