D3js Marker-mid未在Safari中显示

Question

我有一个强制控制的d3js（v3）图表，该图表在IE和Chrome中运行良好，但在Safari（macOS）中却无法运行。

我读了另一篇文章，描述了FireFox中的类似问题，该问题通过将标记的路径设为绝对与相对来解决。该解决方案似乎对我不起作用。

这是有问题的孩子...

http://www.alqemy.com/lab/Data_Quality_Analysis_(node).html

这是代码的相关部分...

var marker_radius = 5

var marker_circle =   svg.append("defs").selectAll("marker")
    .data(["high","med","low"])
    .enter().append("marker")
    .attr("id", function(d) {  return d; })
    .attr("viewBox", "-25 -25 25 25")
    .attr("refX", function(d){  return -marker_radius;})
    .attr("refY", -marker_radius)
    .attr("markerWidth", 30)
    .attr("markerHeight", 30)
    .append("circle")
    .attr("class",function(d){return d })
    .attr("r", marker_radius)
    .attr("cx",-marker_radius)
    .attr("cy",-marker_radius)

 path = svg.append("g").selectAll("path")
    .data(force.links())
    .enter().append("path")
    .attr("class", function(d) { return  d.target.score; })
    .attr("marker-mid", function(d) { return "url(#"+d.target.score+")"; })