D3.js tspan边缘的字体大小问题

Question

我正在使用D3来动态更新网页中的内容。我正在使用下面的代码创建和更新tspan元素。

 this.dataLabel = this.contentGrp
     .append("tspan")
     .classed("dataLabel", true)
     .attr("dx", () => {
         if (this.prefixSettings.show == true && this.prefixSettings.text != null) {
             return this.prefixSettings.spacing;
         } else {
             return 0;
         }
     })
     .style({
         "text-anchor": "start",
         "font-size": this.dataLabelSettings.fontSize * fontMultiplier,
         "fill": this.conditionSettings.applyToDataLabel == true ?
             this._getCardgrpColors(conditionValue, "F", this.conditionSettings) || this.dataLabelSettings.color : this.dataLabelSettings.color,
         "font-family": this.dataLabelSettings.fontFamily,
         "font-weight": this.dataLabelSettings.isBold == true ? "bold" : "normal",
         "font-style": this.dataLabelSettings.isItalic == true ? "italic" : "normal"
     })
     .text(dataLabelType.text == true ? dataLabelValue as string : dataLabelValueFormatted as string);

正如您在上面的代码中看到的那样，我正在通过D3的font-size功能分配style。问题是在Edge或Internet Explorer中我看不到应用的font-size属性。请参阅下面的屏幕截图。

在chrome中，我可以在调试窗口中看到font-size。

在Edge或Internet Explorer中，我看不到font-size因此字体很小。

我正在使用D3的v3.5.17。有人可以帮我解决这个问题吗？