刪除谷歌條形圖中的填充

Question

我需要一個只有一個百分比條和標籤的簡單條形圖。我試圖用'chartArea'刪除欄和整個畫布之間的填充，但結果不是預期的，任何人都知道我該怎麼做？

<https://jsfiddle.net/rro74054/1/> 

我設置了一個'西紅柿'背景顏色，使空間更加明顯。

謝謝大家。

Answer 1

添加到您的選擇...

bar: { 
     groupWidth: '100%' 
    }, 

例...

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

 
function drawRightY() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['', 'name1', {type: 'string', role: 'annotation'}, 'name2', {type: 'string', role: 'annotation'}, 'name3', {type: 'string', role: 'annotation'}], 
 
    ['', 50, '50', 100, '100', 150, '150'] 
 
    ]); 
 

 
    var options = { 
 
    width: 400, 
 
    height: 400, 
 
    bar: { 
 
     groupWidth: '100%' 
 
    }, 
 
    chartArea: { width: '100%', height: '100%', backgroundColor: 'tomato'}, 
 
    isStacked: 'percent', 
 
    annotations: { 
 
     alwaysOutside: false, 
 
     textStyle: { 
 
     fontSize: 10, 
 
     auraColor: 'none', 
 
     color: '#fff' 
 
     } 
 
    }, 
 
    legend: 'none', 
 
    enableInteractivity: false, 
 
    hAxis: { 
 
     baseline: 0, 
 
     gridlines: { count: 0 } 
 
    } 
 
    }; 
 

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

<script src="https://www.google.com/jsapi"></script> 
 
<div id="chart_div"></div>