Добавить ярлыки в элементы D3
D3 позволяет вам наметить элемент графа, например панель, используя text элемент SVG. Подобно элементу rect , text элемент должен иметь атрибуты x и y , чтобы поместить его на холст SVG. Он также должен получить доступ к данным для отображения этих значений. D3 дает вам высокий уровень контроля над тем, как вы назовете свои бары.
Код в редакторе уже привязывает данные к каждому новому text элементу. Сначала добавьте text узлы в svg . Затем добавьте атрибуты для координат x и y . Они должны быть рассчитаны так же, как и rect , за исключением того, что значение y для text должно помещать ярлык на 3 единицы выше, чем планка. Наконец, используйте метод D3 text() чтобы установить метку равной значению точки данных. Заметка
Чтобы ярлык находился выше бара, решите, должно ли значение y для text быть на 3 больше или на 3 меньше значения y для панели.