積み上げ列のGoogleのグラフの白い枠線を削除するには？

Question

積み重ねた列のGoogleのグラフの白い枠線を削除します。 誰かが私を助けることができますか？ ... my current chart

Answer 1

使用'style'column roleには

が実際それは、あなたが使用することができを削除するために白い境界線を削除

stroke-width: 0;

：

この

は私が何を意味するかです

または

stroke-color: transparent;

が、これは背景色が透けて見えるようになります、
と

---

代わりに視覚的に白地に同じになりますが、各シリーズに使用されているのと同じstroke-colorを使用することをお勧めします

作業スニペット以下を参照してください、DataViewは2つの'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>