D3雷达图在Safari中无法正确显示

Question

所以我有一个奇怪的错误。在我的开发环境中，如果将以下内容添加到我的代码中，我无法在safari中为我的雷达图创建背景圆圈。 g元素在检查员中。他们现在只做视觉展示。它非常适合FF和Chrome：

//Draw the background circles
axisgrid
    .selectAll(".levels")
    .data(d3
        .range(1, cfg.levels + 1)
        .reverse())
    .enter()
    .append("circle")
    .transition()
    .duration(200)
    .attr("class", "gridcircle")
    .attr("r", function (d, i) {
        return radius / cfg.levels * d;
    })
    .style("fill", "#CDCDCD")
    .style("stroke", "#CDCDCD")
    .style("fill-opacity", cfg.opacitycircles)
    .style("filter", "url(#glow)");

出于

List<String> genre = new ArrayList<String>(Arrays.asList("rock", "pop", "jazz", "reggae")); 
System.out.println(genre.stream().peek(s-> s.replace("r","x")).peek(s->System.out.println(s)).filter(s -> s.indexOf("x") == 0).count()); 

然而，在我的codepen示例https://codepen.io/Nickka87/pen/pdzqOZ

中它完美无缺

在safari和chrome上。

所以它必须是我的设置中的东西。 SVG元素在“html”内，因此不需要xmlns。或者是什么？

在Safari中运行的typo3设置中，这只会复制为