【问题标题】:Google Pie chart: remove white gap between pie slices谷歌饼图:删除饼片之间的白色间隙
【发布时间】:2013-03-14 13:30:54
【问题描述】:

类似于this question,但适用于 Google 饼图:

如何删除 Google 饼图上切片之间的白线:

在上图中,我想删除绿色箭头突出显示的空白。

【问题讨论】:

  • 仅供参考,最好将您正在使用的代码包含在问题正文中,而不是依赖外部资源的链接。我知道谷歌似乎是一个安全的赌注,永远在那里,但他们最近关闭了很多免费服务。

标签: javascript charts google-visualization pie-chart


【解决方案1】:

您可以通过将pieSliceBorderColor 设置为"transparent" 来消除这种差距。在Google Code Playground 上尝试以下操作:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['Work', 11],
    ['Eat', 2],
    ['Commute', 2],
    ['Watch TV', 2],
    ['Sleep', 7]
  ]);

  // Create and draw the visualization.
  new google.visualization.PieChart(document.getElementById('visualization')).
    draw(data, {title:"So, how was your day?", pieSliceBorderColor:"transparent"});
}

【讨论】: