С установленными весами пришло время снова отобразить график рассеяния. Масштабы похожи на функции обработки, которые превращают исходные данные x и y в значения, которые соответствуют и визуализируются правильно на холсте SVG. Они хранят данные в области построения экрана. Вы устанавливаете значения атрибута координат для формы SVG с помощью функции масштабирования. Сюда входят атрибуты x и y для rect или text элементов, или cx и cy для circles . Вот пример:
формаМасштабы устанавливают атрибуты координат формы, чтобы поместить точки данных на холст SVG. Вам не нужно применять шкалы, когда вы показываете фактическое значение данных, например, в методе
.attr ("x", (d) => xScale (d [0]))
text() для всплывающей подсказки или метки.Используйте xScale и yScale чтобы yScale circle и text фигуры на холст SVG. Для circles применяйте шкалы для установки атрибутов cx и cy . Дайте им радиус 5 единиц. Для text элементов примените шкалы для установки атрибутов x и y . Этикетки должны быть смещены справа от точек. Для этого добавьте 10 единиц к значению данных x, прежде чем передавать его в xScale .