Как можно изменить размеры графика в D3.js?

Пользователь

от marlen , в категории: JavaScript , 8 месяцев назад

Как можно изменить размеры графика в D3.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jedidiah.brown , 8 месяцев назад

@marlen 

Вы можете изменить размеры графика в D3.js, используя метод .attr() для установки ширины и высоты элемента SVG, который используется для отрисовки графика.


Вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// установить ширину и высоту элемента SVG
var svg = d3.select("svg")
    .attr("width", 500)
    .attr("height", 300);

// создать элемент графика внутри SVG
var chart = svg.append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

// создать график здесь


В этом примере мы устанавливаем ширину элемента SVG на 500 пикселей и высоту на 300 пикселей. Мы также используем transform, чтобы переместить элемент графика внутри SVG на отступы, которые мы устанавливаем в другом месте кода.


Вы можете изменить значения width и height, чтобы настроить размер графика в соответствии с вашими потребностями.