D3. js - автоматическое изменение размера меток оси y

Question

Я создал диаграмму с D3. js, как показано ниже, которая отображается слева (нулевое поле) моей веб-страницы, но метки оси y отображаются не полностью:

Как избежать этого и показать полные ярлыки (например, 10000)? Нужно ли увеличивать размер SVG? Уменьшить текст? Не могли бы вы получить какой-нибудь фрагмент кода?

Вам нужна дополнительная информация?

Заранее спасибо!

Answer 1

Вероятно, ваши ярлыки начинаются за пределами видимой области элемента svg. Вы можете применить, например, attr('transform','translate(x,y)'), где x - горизонтальный перевод, а y - вертикальный (в данном случае, вероятно, y=0).

Это также возможно и, возможно, предпочтительнее для установите область графика так, чтобы она начиналась чуть правее, например,

d3.scaleLinear()
  .domain(min,max)
  .range(x1,x2)

, где x1 - это ваш пиксель, в котором появляется min, а x2 - это значение пикселя для max