遇到一个 bug svg 抖动的解决方案

简介

因为要增加要给tooltip（信息提示框），然后因为

原代码

      // 新增 tooltip
      d3.select(this.$refs.draw).append('div')
        .attr('class', 'tooltip')
        .style('opacity', 0)
        .style('background-color', 'white')
        .style('border', 'solid')
        .style('border-width', '1px')
        .style('border-radius', '5px')
        .style('padding', '10px')
        .style('position', 'absolute')
        .style('z-index', '5')
        .style('left', '0')
        .style('top', '0')

注意

原先是没有这两个属性的

.style('left', '0')

.style('top', '0')

在新增这两个属性后，svg就会出现抖动的现象

解决方案

要用的属性最好提前都有，否则会出现抖动的现象