d3 svg text-shadow для края / интернет-проводника

Question

Здравствуйте, мне было интересно, есть ли возможный способ заставить текстовую тень работать с ребром / интернет-проводником на графике солнечных лучей d3.

В текстовом коде я пробовал следующие вещи:

filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);

и

filter: dropshadow(color=#000000, offx=1, offy=1);

, которые, кажется, вообще не работают при добавлении в CSS или атрибуте этого

var texts = svg.selectAll("text")
    .data(partitioned_data)
    .enter().append("text")
    .filter(filter_min_arc_size_text)
    .attr("text-anchor", function (d) {
        return d.x + d.dx / 2 > Math.PI ? "end" : "start";
    })
    .attr("transform", function (d) {
        var angle = (d.x + d.dx / 2) * 180 / Math.PI - 90;
        var differenceSpacing = 0;
        if (angle > 90) { differenceSpacing = 1.41; }
        else { differenceSpacing = 1.39; }

        return "rotate(" + angle + ")translate(" + (d.y * differenceSpacing) + ")rotate(" + (angle > 90 ? -180 : 0) + ")"

    })
    .attr("dx", "1") // margin
    .attr("dy", ".35em") // vertical-align  
    .text(function (d, i) { return d.name })
    .attr("class", function (d) { if (d.depth === 3) { return "finalLayersText"; } else if (d.depth === 1) { return "beginningLayersText"; } else { return "middleLayersText"; } })
    .style("fill", "white")
    .style("font-family", "Arial")
    .style("font-size", "small")
    .style("color", "white")
    .style("text-shadow", "0 0 10px Black")
    .on("mouseover", mouseOverArc)
    .on("mousemove", mouseMoveArc)
    .on("mouseout", mouseOutArc);

ТакМне было любопытно, если бы был способ добавить тень текста в этой маленькой части JavaScript, где текст генерируется.

Спасибо