D3 как правильно добавить подсказку?

#javascript #svg #d3.js

Вопрос:

я все еще борюсь со своим первым проектом d3, понятия не имею, почему оставшиеся тесты не проходят. ofc один и тот же идентификатор для каждой всплывающей подсказки неверен, как я мог это сделать правильно?

https://codepen.io/DeanWinchester88/pen/XWgjjeW

         .append("svg:title")
        .attr("id","tooltip")
        .attr("data-date", (d) => d[0])
       .text(function(d) { return "I would have a skill in webdev of "  d[1]   " if i would start learning in "    d[0]; })
 

Комментарии:

1. удалите строку attr(«идентификатор», «подсказка»), потому что у вас не может быть дубликатов идентификаторов. Зачем вам вообще нужно удостоверение личности?

2. Слева есть тесты #TooltipTests 1. Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующим идентификатором=»всплывающая подсказка», которая отображает дополнительную информацию об этой области

3. Когда я наведу курсор мыши на панели, я увижу всплывающие подсказки. Боюсь, я все еще не понимаю, в чем здесь проблема, кроме повторяющихся значений идентификаторов, которые вам запрещено делать.

4. ibb.co/RbgwBB9 нужно пройти тест. слева от окна

5. Похоже на плохие тесты. Я бы их проигнорировал.