谷歌饼图:消除饼图之间的白色差距

时间:2013-03-14 13:30:54

标签: javascript charts google-visualization pie-chart

this question类似,但对于Google Pie Charts:

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

enter image description here

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

1 个答案:

答案 0 :(得分:12)

您可以通过将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"});
}