Как нормализовать вид кривой в d3.js?

Вопрос-ответ JavaScript
1

Всем привет. Подскажите, пожалуйста, как решить следующую проблему. У меня есть график:

и сейчас кривая выглядит так, будто человека бьёт током.

И есть пример:

Как мне сделать так, чтобы кривая выглядела адекватно?

2

График отображает те данные которые ты рендеришь. “нормализовать” вид графика без изменения данных невозможно. Различие между твоим графиком и графиком из примера только в значениях.

3

Данные вполне нормальные. Но что я вижу, так это график выходит за пределы отведённой области координат.

  1. Нужно просто правильно выделить область по координатной сетке. В строке 1187 задать нижний порог вместо нуля:
    y.domain([d3.min(data, d => d.close), d3.max(data, d => d.close)])
    Можно ещё немного подобрать значения для более “приятного” отображения

  2. Ещё можно передвинуть ось x в 0. Но не обязательно. Потому что тогда подписи налезут на сам график и уже их нужно будет или скрывать, или двигать.

Вот модифицированный пример