javascript - 如何删除堆积柱形谷歌图表中的白色边框？

Question

我想删除堆叠列谷歌图表中的白色边框。有人可以帮助我吗？

这就是我的意思:my current chart

Answer 1

使用'样式' column role 删除白色边框

要真正删除它，您可以使用...

笔画宽度:0;

或

描边颜色:透明；

但这将使背景颜色显示出来，
在白色背景上视觉效果相同

<小时/>

相反，建议使用与每个系列相同的笔画颜色

请参阅以下工作片段，DataView 用于添加两个 'style' 列

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

function drawChart() {
  var seriesColors = ['#0097A7', '#26C6DA'];

  var data = new google.visualization.DataTable();
  data.addColumn('string', 'x');
  data.addColumn('number', 'y1');
  data.addColumn('number', 'y2');
  data.addRows([
      ['Jan', 10500000, 1500000],
      ['Feb', 4500000, 400000],
      ['Mar', 7000000,800000],
  ]);

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1, {
      type: 'string',
      role: 'style',
      calc: function (dt, row) {
        return 'stroke-color: ' + seriesColors[0];
      }
    }, 2, {
      type: 'string',
      role: 'style',
      calc: function (dt, row) {
        return 'stroke-color: ' + seriesColors[1];
      }
    }
  ]);

  var options = {
    colors: seriesColors,
    height: 400,
    isStacked: true,
    legend: 'none',
    width: 400
  };

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

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