如何为椭圆元素的工具提示使用data-*

<ellipse cx="50" cy="50" rx="40" ry="20" data-tooltip="这是一个椭圆"></ellipse>

ellipse[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  background-color: #000;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

var ellipses = document.querySelectorAll('ellipse[data-tooltip]');
ellipses.forEach(function(ellipse) {
  ellipse.addEventListener('mouseover', function() {
    this.setAttribute('data-tooltip-visible', 'true');
  });
  ellipse.addEventListener('mouseout', function() {
    this.removeAttribute('data-tooltip-visible');
  });
});