删除谷歌条形图中的垂直分隔栏

Question

如何隐藏分隔左侧值和右侧条形的垂直条？

Answer 1

表示条形图，将hAxis.baselineColor设为'transparent'，隐藏垂直条

将hAxis.gridlines.count设置为零，因此基线不会被网格线替换

请参阅以下工作代码段...

＆＃13;

＆＃13;

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);
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;