如何将Google饼图的stroke width设为2？现有代码无法生效求助

嘿，我来帮你解决这个饼图边框太细的问题！你之前的代码没生效，是因为没加对专门控制饼图切片边框宽度的配置项～

Google Charts的饼图其实自带了直接调整边框粗细的参数，不用绕弯路。下面是修改后的完整代码，直接用就行：

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Sitio', 'Dinheiro'],
    ['Restaurantes', 8],
    ['Bares', 2],
    ['Discotecas', 7]
  ]);

  var options = {
    // 这里就是关键！设置切片边框的宽度，数值你可以根据需求随便调
    pieSliceBorderWidth: 5,
    // 其他你需要的配置（比如标题、自定义颜色之类的都可以加在这里）
    title: 'Gastos por Local'
  };

  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}

额外小技巧： #

如果你想给不同的切片设置不一样的边框宽度，也可以用slices数组单独配置，比如：

var options = {
  slices: {
    0: {strokeWidth: 8}, // 第一个切片（Restaurantes）边框更粗
    1: {strokeWidth: 2}  // 第二个切片（Bares）保持细边框
  }
};

这样调整后，刷新页面就能看到边框明显变粗的饼图啦～

内容的提问来源于stack exchange，提问作者Rasec219