Customizing Google Visualization PieChart look and feel with circular border and slice margins

Question

I am using Google's Visualization API to create embedded Pie Charts in my web application.

http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

The API works great, I am just having a problem with the look and feel customization.

http://code.google.com/apis/chart/interactive/docs/customizing_charts.html

I can't figure out if there is a way to:

1. Make the border around a Pie Chart Circular and not rectangular

2. Editing the width and color of the pie slice margins/seperators?

Answer 1

Here is what I would do:

Using Firebug with Firefox select the chart and look at the CSS. Find the name of the border by selecting it with Firebug.

Next:

1.) Create a CSS to remove the border and embed the chart into a DIV with the border you want. Depending on browser compatibility you may want to use images instead of CSS for the rounded border.

OR

2.) Use CSS to change the border into what you want.