Как отрисовку кривой сделать шириной меньше чем ширина svg?

Question

[gsdev99]

Всем привет. У меня есть линейный график, сделанный при помощи d3.js. У svg есть определенная ширина, например 900px. В теге у меня находиться кривая path, мне необходимо, что бы ширина тега path была 800px, т.е. чтобы кривая отрисовалясь по ширине например 800px, а не по ширине тега svg. Тегу g задать ширину не удается. Подскажите пожалуйста как решить данную задачу.
https://codepen.io/gsdev99/pen/KKpBymz

Comments

[Максим]

в svg добавьте viewBox он покажет только то что находится в его Box а что что за пределами нет

[gsdev99]

Максим Ленский, мне необходимо, чтобы только кривая была меньше по ширине, а оси, и в перспективе что-то другой оставалось такой же ширины как и svg.

[Максим]

gsdev99, добавьте viewBox тот который вам нужен

[Максим]

gsdev99, так и не разобрался ?

[Максим]

gsdev99, в общем смотри



я специально для тебя подписал что такое viewBox так вот всё что за пределами отрежеться

[gsdev99]

Максим Ленский, но идея же в том, что ширина кривой должна быть просто меньше, а не обрезаться. А оси в этом svg должны быть по всей ширине, то есть. они не должны обрезаться. Полагаю, что рисунок исказил суть задачи.

[Максим]

gsdev99, ну тогда viewBox должен быть равен width вашего svg