Google餅圖：刪除餅圖片的邊框

Question

如何在鼠標懸停的Google餅圖上刪除切片的邊框？

Answer 1

唯一標準選項，將刪除鼠標是邊界...

enableInteractivity: false 

但這也將禁用提示

否則，您可以覆蓋使用CSS，邊框由svg橢圓元素創建

它是隻有6.5筆劃寬度橢圓，所以...

ellipse[stroke-width="6.5"] { 
    stroke: transparent; 
} 

---

參見下列工作片斷...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Label', 'Value'], 
 
     ['a', 30] 
 
    ]); 
 

 
    var options = { 
 
     legend: 'none' 
 
    }; 
 

 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

ellipse[stroke-width="6.5"] { 
 
    stroke: transparent; 
 
}

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

EDIT

當超過一個值e xists，路徑元素用於邊境，加...

path[stroke-width="6.5"] { 
    stroke: transparent; 
}