누적 열 Google 흰색 차트에서 흰색 테두리를 제거하는 방법은 무엇입니까?

Question

누적 열 Google 차트에서 흰 경계선을 제거하고 싶습니다. 누군가 나를 도울 수 있습니까? ... my current chart

Answer 1

를 사용하여 A 'style'column role하려면

실제로 이, 당신이 사용할 수을 제거하기 위해 흰색 테두리를 제거

stroke-width: 0;

:

이

무슨 뜻인지입니다

또는

stroke-color: transparent;

하지만이 배경 색상을 통해 표시 할 수 있습니다,
및

---

대신 시각적으로 흰색 배경에 같은 모양이, 각 시리즈에 사용되는 것과 동일한 stroke-color를 사용하는 것이 좋습니다

작업 조각 다음 참조 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>