Google visualization customization. Appearance of PieChart with a circular border and a cut edge

Question

I am using the Google visualization API to create embedded Pie diagrams in my web application.

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

The API works fine, I just have a problem with setting the appearance.

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

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

• Make the box around the pie chart a circular, not a rectangular

• Editing the width and color of the fields / segments of the slice of the cake?

Answer 1

Here is what I would do:

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

Further:

1.) Create CSS to remove the border and paste the diagram into the DIV with the desired border. Depending on your browser compatibility, you may use images instead of CSS for a rounded border.

OR

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