D3.js圖形信息窗口

Question

我想獲得一個信息窗口的D3圖的谷歌通過在谷歌地圖加入這個簡單的D3圖（http://jsfiddle.net/fiatjaf/aK6DP/）代碼映射

我試圖做到這一點代碼信息窗口（https://jsfiddle.net/api/post/library/pure/）例如

一部分，我追加圖表MAP（信息窗口）

var svg = d3.select("#D3") 
    .append("svg") 
    .attr("width", width + margin.left + margin.right) 
    .attr("height", height + margin.top + margin.bottom) 
    .append("g") 
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); 

這段代碼是FUL填補張貼問題的要求並不標誌着我失望請

我在這下面撥弄

這裏所有的代碼是什麼，我都拿出https://jsfiddle.net/sgeoayzc/1/，但由於某些原因，地圖不上來的信息窗口的HTML DIV標籤

Answer 1

由於以信息窗口的動態性質表示圖表的SVG元素應該以不同的方式添加，例如：

1）創建一個分離圖表元素：

var container = d3.select(document.createElement("div")); 

2）插入圖形到信息窗口：

var graphHtml = container.node().outerHTML; 
infowindow.setContent(graphHtml); 

此外，還有在D3 V4變化，例如時間格式功能相關的一些問題d3.time.format已取代d3.timeFormat

關注D3 4.0瞭解更多細節。

更新JsFiddle