Javascript 谷歌地图信息窗口中的D3.js图形

Javascript 谷歌地图信息窗口中的D3.js图形,javascript,jquery,html,google-maps,d3.js,Javascript,Jquery,Html,Google Maps,D3.js,我试图在谷歌地图的信息窗口中获取D3图 我试图通过在google maps infowindow()示例中添加这个简单的D3 graph()代码来实现这一点 代码的一部分,将图形附加到地图(信息窗口) 此代码是为了填写要求张贴的问题,请不要标记我下来 我有下面小提琴中的所有代码 以下是我的想法,但由于某种原因,地图没有出现在infowindow HTML div标记上,因为代表图形的infowindow SVG元素的动态特性应该以不同方式添加,例如: 1) 为图形创建分离的元素: var con

我试图在谷歌地图的信息窗口中获取D3图

我试图通过在google maps infowindow()示例中添加这个简单的D3 graph()代码来实现这一点

代码的一部分,将图形附加到地图(信息窗口)

此代码是为了填写要求张贴的问题,请不要标记我下来

我有下面小提琴中的所有代码


以下是我的想法,但由于某种原因,地图没有出现在infowindow HTML div标记上,因为代表图形的infowindow SVG元素的动态特性应该以不同方式添加,例如:

1) 为图形创建分离的元素:

var container = d3.select(document.createElement("div"));
2) 将图形插入信息窗口:

var graphHtml = container.node().outerHTML; 
infowindow.setContent(graphHtml);
此外,还有一些问题与
D3 V4
中的更改有关,例如时间格式函数
D3。时间格式已被
D3.timeFormat
取代

请关注更多详细信息

已更新

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