标题说明了一切:我使用 dc.js 和 node.js 在服务器上预渲染图表并将 SVG 返回给客户端。SVG 如下所示:https ://gist.github.com/anonymous/e2f7d237bcc784cfe97d
在客户端,我只是将返回的 SVG 写入 div
var svg = prerenderChart(...)
document.getElementById("dc_plot").innerHTML = svg;
结果看起来还不错,唯一的问题是当我悬停数据点时“轨迹线”没有出现。它应该如下所示:http ://s2.postimg.org/jqs37yird/3837933.png
我可以在 SVG 中看到蓝点和灰色虚线在那里,但它们不会在鼠标悬停时设置为可见。我想这与 dc.js 的 mouseover 事件侦听器有关,该侦听器未绑定到 dc_plot 中的 SVG(在客户端添加了 dc.js、d3.js 和 crossfilter.js)。当然我可以编写自己的事件监听器,但也许有更简单的解决方案?