Javascript dy在js中的跨度元素中不发生变化

我正在修改JS代码中span元素的dy。当我在chrome developer tools中更改dy时，它看起来像以下屏幕截图，格式正确，dy值正确：

我在js中有以下代码来创建此效果：

  var myEle = document.getElementById("dynamicsubtitle1");
    myEle && myEle.parentNode.removeChild(myEle);

    var chart = this,
    rend = chart.renderer,
    pie = chart.series[0],
    left = chart.plotLeft + pie.center[0],
    top = pie.center[1] + 20;
    if(!rend.getElementById)
    var text = rend.text('<span class="pietitle" style="color:#000; vertical-align:top; text-align:center">' + "Total<br>" 
            + '<span class="pietitle" style="color:#000; vertical-align:top; text-align:center" position:"relative"  dy="1vw">' + "Incidents<br>"
            + '<span class="piedata" dy="2vw" style="color:#000; text-align:center; vertical-align:top; font-weight:bold">' + this.series[0].total, left, top).attr({
        'text-anchor': 'middle',
        'id': 'dynamicsubtitle1',
        'zIndex': 10
      }).addClass('customTitle').add();

var myEle=document.getElementById（“dynamicsubtitle1”）；
myEle&&myEle.parentNode.removeChild（myEle）；
var图表=此，
rend=chart.renderer，
饼图=图表系列[0]，
左=chart.plotLeft+饼图中心[0]，
顶部=饼图中心[1]+20；
如果（！rend.getElementById）
var text=rend.text（“”+“总计
”
+“+”事件
”
+''+此.series[0].总计，左侧，顶部）.attr({
“文本锚定”：“中间”，
'id'：'dynamicsubtitle1'，
“zIndex”：10
}).addClass（'customTitle'）.add（）；

然而，结果是这样的（dy默认返回到15的屏幕截图）

---

我曾尝试在CSS中使用线条高度和边距获得相同的效果，但无论我如何尝试，这两种效果都不适用。任何建议都将不胜感激

您正在使用的图表库是什么，它将在

中打开

。它有文档吗？@kaido不幸没有。我正在使用公司选择的第三方配置。我知道他们是用希哈特建造的，但仅此而已。