我在理解导致this file在浏览器中呈现不同的原因时遇到问题（Chrome：只有轴可见，Safari和FF显示主要内容和轴）。
这是使用DC.js example page从SVG-crowbar2导出的数字，第一个数字。
基本上，Crowbar只查找应用于SVG元素的任何外部css规则，并将它们应用为内联css。问题是css规则导致元素的显示方式不同？
答案 0 :(得分：3)
该问题似乎是由#yearly-bubble-chart-clip > rect元素引起的。它具有将width和height设置为auto的内联样式。在Chrome中，这会覆盖width和height属性，从而产生0像素0像素的裁剪路径。
如果删除这些样式，则可以在Chrome中使用。
<rect width="888" height="198" transform="translate(-0, -0)" style="overflow-x:visible;overflow-y:visible;perspective-origin:0px 0px;-webkit-perspective-origin:0px 0px;transform-origin:0px 0px;-webkit-transform-origin:0px 0px;"/>
答案 1 :(得分：3)
如果您从chart-body剪辑路径中的width:auto;移除height:auto;和rect，则您的yearly-bubble-chart-clip似乎会出现在Chrome中。