使用圆形边框和切片边距自定义 Google 可视化饼图外观
我正在使用 Google 的可视化 API 在我的 Web 应用程序中创建嵌入式饼图。
http://code.google.com/apis/chart/interactive /docs/gallery/piechart.html
API 工作得很好,我只是在外观和感觉定制方面遇到了问题。
http://code.google.com/apis/chart/interactive/docs /customizing_charts.html
我不知道是否有办法:
使饼图周围的边框为圆形而不是矩形
编辑饼图切片边距/分隔符的宽度和颜色?
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:
Make the border around a Pie Chart Circular and not rectangular
Editing the width and color of the pie slice margins/seperators?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是我要做的:
在 Firefox 中使用 Firebug 选择图表并查看 CSS。通过使用 Firebug 选择边框来查找边框的名称。
接下来:
1.) 创建一个 CSS 以删除边框并将图表嵌入到具有所需边框的 DIV 中。根据浏览器兼容性,您可能希望使用图像而不是 CSS 作为圆角边框。
或者
2.) 使用 CSS 将边框更改为您想要的内容。
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.