Последняя задача создала элементы circle для каждой точки dataset и добавила их в холст SVG. Но D3 нуждается в дополнительной информации о положении и размере каждого circle чтобы отображать их правильно. circle в SVG имеет три основных атрибута. Атрибуты cx и cy - это координаты. Они сообщают D3, где можно расположить центр фигуры на холсте SVG. Радиус (атрибут r ) задает размер circle . Как и rect координата y , атрибут cy для circle измеряется от вершины холста SVG, а не снизу. Все три атрибута могут использовать функцию обратного вызова для динамического определения их значений. Помните, что все методы, закодированные после того, как data(dataset) запускаются один раз для каждого элемента в dataset . Параметр d в функции обратного вызова относится к текущему элементу в dataset , который является массивом для каждой точки. Для доступа к значениям в этом массиве вы используете запись в виде скобок, например d[0] .
Добавьте атрибуты cx , cy и r в элементы circle . Значение cx должно быть первым числом в массиве для каждого элемента в dataset . Значение cy должно основываться на втором номере в массиве, но обязательно показывать диаграмму с правой стороны и не инвертировать. Значение r должно быть 5 для всех кругов.