D3.js Bubble-Chart - Пусть Chart использует полную ширину - PullRequest
Новая
       32

D3.js Bubble-Chart - Пусть Chart использует полную ширину

0 голосов
/ 04 июля 2019

Я пытаюсь получить «реальную» полноэкранную диаграмму, которая занимает все предоставленное пространство и удаляет пространство вокруг нее:

enter image description here

Я ужепопытался установить разные значения диаметра в svg, viewBox и других методах сортировки, но ни один из них не сработал.Таким образом, мой вопрос будет, если это действительно возможно достичь, или d3 нуждается в этом месте?

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

var diameter = 600;

var margin = 20;

var svg = d3
   .select('#chart')
   .append('svg')
   .attr('viewBox','0 0 ' + (diameter - margin) + ' ' + diameter)
   .attr("width", (diameter - margin))
   .attr("height", diameter)
   .attr("class", "bubble");

var bubble = d3
   .pack(data)
   .size([diameter, diameter])
   .padding(10);

var nodes = d3.hierarchy(data)
   .sum(function(d) { return d.count; })
   .sort(function(a, b) { return a.value - b.value; });
...