开发者

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

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 arou开发者_如何学编程nd a Pie Chart Circular and not rectangular

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


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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜