使用圆形边框和切片边距自定义 Google 可视化饼图外观

发布于 2024-12-04 23:08:37 字数 564 浏览 0 评论 0原文

我正在使用 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

我不知道是否有办法:

  1. 使饼图周围的边框为圆形而不是矩形

  2. 编辑饼图切片边距/分隔符的宽度和颜色?

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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小巷里的女流氓 2024-12-11 23:08:37

这是我要做的:

在 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文