vue+d3给svg上的dom元素添加toolTip

1. 需求描述

使用d3绘制了一张svg图，现在需要对图上的元素添加浮动提示。
项目提示要求：

1. 只针对某些元素添加浮动提示
2. 可能有很多条提示信息，需要将他们成列表状显示
3. 国际化时需要动态调整tip的宽度

2. 项目架构

这个前端项目使用的vuejs；绘制svg图使用的d3(emmmmm 可能大材小用，因为实际上需要画的东西非常简单，但是我不会别的啊 嘻嘻嘻)

3. 实现方案

首先在html部分给浮动提示建一个div

    <div class="chartTooltip">
      <p>
        <br/><strong class="name"></strong>
      </p>
	</div>

js里给用d3创建的dom元素添加mouseover和mouseout事件来进行浮动tip的显示

     var nodeEnter = nodeUpdate.enter().append("g")
       .on("mouseover", d => {
         // 从d3.event获取鼠标的位置
         var transform = d3.event;
         var yPosition = transform.offsetY + 20;
         var xPosition = transform.offsetX + 20;
         // 将浮层位置设置为鼠标位置