Я хотел бы добавить всплывающую подсказку для события наведения мыши для нижнего графика с накоплением:
https://observablehq.com/@d3/stacked-area-chart?collection=@d3/d3-shape
Всплывающая подсказка должна содержать тип графика текущей позиции мыши (например, Оптовая и розничная торговля), позиция x (например, 2001 год) и позиция y (например, 500).
Я попытался получить данные для события наведения мыши, однако оно включает в себя весь диапазон данных оси Y текущего типа графика (например, Оптовая и розничная торговля). Я пытался найти в Интернете различные примеры, но не смог найти подходящий пример. Кто-нибудь создал подобную подсказку на диаграмме с накоплением?
Я создал приведенный ниже пример диаграммы для демонстрации проблемы:
https://jsfiddle.net/3gqf8x5d/
Код события наведения мыши:
d3.selectAll("path")
.on('mouseover', function(d) {
console.log(d);
})