Googleの棒グラフの垂直分離バーを削除する

Question

左側の値と右側の棒を区切る縦線を非表示にするにはどうすればよいですか？棒グラフ用

Answer 1

は、がゼロにhAxis.gridlines.count設定

垂直バーを隠すので、ベースラインを

は、以下の参照グリッド線で置換されていない、'transparent'にhAxis.baselineColorを設定します作業のスニペット...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart(transparent) { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Country'); 
 
    data.addColumn('number', 'Value'); 
 
    data.addRows([ 
 
    ['UK', 8.94], 
 
    ['AF', 10.49], 
 
    ['UN', 20.2], 
 
    ['SK', 21.45], 
 
    ]); 
 

 
    var options = { 
 
    legend: { 
 
     position: 'none' 
 
    }, 
 
    hAxis: { 
 
     baselineColor: 'transparent', 
 
     gridlines: { 
 
     count: 0 
 
     } 
 
    }, 
 
    vAxis: { 
 
     baselineColor: 'magenta' 
 
    }, 
 
    width: 200 
 
    }; 
 

 
    var view = new google.visualization.DataView(data); 
 
    view.setColumns([0, 1, { 
 
    calc: 'stringify', 
 
    sourceColumn: 1, 
 
    type: 'string', 
 
    role: 'annotation' 
 
    }]); 
 

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

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>