Как правильно сделать градиент со stroke (d3.js)?

Всем привет. Подскажите, пожалуйста, как решить следующую задачу.
У меня реализован график на библиотек d3.js v5. Мне необходимо сделать градиент. Собственно он реализован, но обводка сохранилась снизу и по бокам. Как в этих местах мне её убрать?
Функция без area, но не корректно отображается градиент:
https://codepen.io/gsdev99/pen/yLLJbor
Функция без area, но не корректно отображается градиент:

const lineGenerator = d3.line()
      .x(d => xScale(xValue(d)))
      .y(d => yScale(yValue(d)))
      .curve(d3.curveBasis)<img src="https://habrastorage.org/webt/5d/a6/ee/5da6ee337a5b8186978979.png" alt="image"/>