2017-09-14 7 views
0

저는 d3 v4를 사용하고 있습니다. 원형 차트 (레이블 포함)를 만들고 싶습니다. 가능한 한 많은 공간 (너비)을 차지하고 싶습니다 (높이는 필요한 정도에 따라 다를 수 있음). 그래서 난 내 파이 차트d3 파이 차트를 최대한 넓게 만드는 방법은 무엇입니까?

var svg = d3.select("svg"), 
    width = 1000, 
    height = +200, 
    radius = Math.min(width, height)/2, 
    g = svg.append("g").attr("transform", "translate(" + width/2 + "," + height/2 + ")"); 

을 그려 내 SVG 요소

<svg width="700" height="400"> 
    <g id="labels" /> 
</svg> 

와 JS를 상자에 포장하지만, 아무리 내가 JS의 "폭"를 넣어 어떤 값을, 그냥 보인다처럼 보인다 오른쪽에있는 동안 내 차트를 이동하고 왼쪽에 사용되지 않은 공간의 거대한 격차가합니다 :

https://jsfiddle.net/vp9zsL2a/1/

나는 (그 라벨) 내 파이 차트를 만들 수있는 방법이 있나요으로 차지는 가능한 많은 수평 공간이 있습니까?

답변

0

반경 radius = Math.min(width, height)/2의 너비와 높이를 최소로 가져 가야하므로 너비를 늘리더라도 원형 차트는 반경이 200px를 넘지 않습니다. 높이를 너무 높이면 더 커질 것입니다.