谷歌饼图：删除饼图边框

Question

如何在鼠标悬停时删除Google饼图上切片周围的边框？

Answer 1

将鼠标移除边框的唯一标准选项是......

enableInteractivity: false

但这也会禁用工具提示

否则，您可以使用css覆盖，边框由svg ellipse元素

创建

它是唯一一个笔画宽度为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>

编辑

当存在多个值时，路径元素用于边框，添加...

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