css - 如何覆盖谷歌图表上的 svg 属性

Question

我已经实现了 Google TreeMap

由于我使用的是 ExtJS Layout 并且其中包含 TreeMap，因此我必须使用 iframe，否则它不会显示任何内容。

但是有一个问题，谷歌地图可视化定义了随机svg属性。

如何在我的 html 页面中覆盖这个随机属性并给它一个固定的宽度和高度值。注意：我为图表 div 和 iframe 定义了固定宽度，但没有任何效果，因为 svg 覆盖了该属性。

http://i.stack.imgur.com/i6Pze.png

Answer 1

调用 document.getElementsByTagNameNS("http://www.w3.org/2000/svg","svg") 以获取所有 svg 元素，然后遍历它们并根据需要设置高度和宽度属性。

var svgElements = document.getElementsByTagNameNS("http://www.w3.org/2000/svg","svg");
for (var i = 0; i < svgElements.length; i++) {
   var svgElement= svgElements.item(i);
   svgElement.setAttribute("width", "<whatever width you want>");
   svgElement.setAttribute("height", "<whatever height you want>");
}