如何在谷歌圖表覆蓋SVG財產

Question

我因爲我使用ExtJS的佈局實現谷歌TreeMap

，並在它是樹狀圖，我不得不使用iframe，否則將不顯示任何內容。

但是有一個問題，Google Map Visualization定義了隨機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>"); 
}