Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Pie chart: remove white gap between pie slices

Similar to this question, but for Google Pie Charts:

How can I remove the white lines between the slices on a Google Pie Chart:

enter image description here

On the image above, I want to remove the white space highlighted by the green arrow.

like image 779
Rob Avatar asked Mar 14 '13 13:03

Rob


1 Answers

You can get rid of that gap by setting the pieSliceBorderColor to "transparent". Try the following on 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"});
}
like image 121
Bill the Lizard Avatar answered Oct 23 '22 23:10

Bill the Lizard