Google api 使用圆形边框和切片边距定制Google Visualization PieChart外观

Google api 使用圆形边框和切片边距定制Google Visualization PieChart外观,google-api,google-visualization,Google Api,Google Visualization,我正在使用Google的可视化API在我的web应用程序中创建嵌入式饼图 API工作得很好,我只是在外观定制方面遇到了问题 我不知道是否有办法: 使饼图周围的边框为圆形,而不是矩形 编辑饼图切片边距/分隔符的宽度和颜色 下面是我要做的: 使用Firefox选择图表并查看CSS。通过使用Firebug选择边框来查找边框的名称 下一步: 1.)创建CSS以删除边框,并将图表嵌入到具有所需边框的DIV中。根据浏览器兼容性的不同,您可能希望在圆角边框中使用图像而不是CSS 或 2.)使用CSS将边框

我正在使用Google的可视化API在我的web应用程序中创建嵌入式饼图

API工作得很好,我只是在外观定制方面遇到了问题

我不知道是否有办法:

  • 使饼图周围的边框为圆形,而不是矩形

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


  • 下面是我要做的:

    使用Firefox选择图表并查看CSS。通过使用Firebug选择边框来查找边框的名称

    下一步:

    1.)创建CSS以删除边框,并将图表嵌入到具有所需边框的DIV中。根据浏览器兼容性的不同,您可能希望在圆角边框中使用图像而不是CSS


    2.)使用CSS将边框更改为您想要的样式。

    Google visualization将图表内容加载到和IFrame中,因此我认为我无法覆盖页面中加载的CSS中的样式。通过使用chrome开发工具,我注意到颜色是由路径元素的笔划和笔划宽度值设置的。这些值不会因背景颜色而改变:{fill,stroke,strokeWidth}但是,您是否找到了这个问题的答案?我遇到了同样的问题…+1到处寻找自定义图表链接。