2014-07-15 1 views
0

dc.js을 사용하여 차트를 만들었고 Y 축에 멋진 레이블이 있습니다. 그러나 그것은 틱 옆에있는 번호를 통해 실행 중입니다. 이 문제를 어떻게 방지 할 수 있습니까?축 레이블이 틱 레이블을 통해 실행되는 것을 방지하는 방법

코드 차트를 만들 수 있습니다 : 당신은 가능성이 여백 방법을 찾고 있습니다

chart 
    .x(d3.scale.ordinal().domain(allCodes)) 
    .xUnits(dc.units.ordinal) 
    .yAxisLabel("Number of actions") 
    .elasticY(true) 
    .dimension(runDimension) 
    .group(openActionCountGroup, "Open") 
    .stack(closedActionCountGroup, "Closed") 
    .colors (d2acolors) 
    .legend(dc.legend().x(540).y(10)) 
    .title(function(d) { return d.key + ": " + d.value; }) 
; 

enter image description here

답변

1

. http://jsfiddle.net/djmartin_umich/rRVgu/

chart 
.x(d3.scale.ordinal().domain(allCodes)) 
.height(300) 
.width(300) 

.margins({left: 50, right: 30, top: 0, bottom: 40}) 

.xUnits(dc.units.ordinal) 
.yAxisLabel("Number of actions") 
.elasticY(true) 
.dimension(runDimension) 
.group(openActionCountGroup, "Open") 
.stack(closedActionCountGroup, "Closed") 
.legend(dc.legend().x(540).y(10)) 
.title(function(d) { return d.key + ": " + d.value; }); 

당신은 진드기에 대한 더 많은 공간을 제공하기 위해 왼쪽 여백을 변경할 수 있습니다 여기에

은 예입니다.

enter image description here

+0

이 barcharts 잘 작동하지만, 불행하게도 복합 차트를 들면, 마진 [이슈 만들기]를하시기 바랍니다 레이아웃 – RobAu

+0

의 나머지 부분을 나사 (https://github.com/dc-js/dc. js/issues/new). 여백이 복합 차트 레이아웃을 위반하는 경우 문제가 표시됩니다. 컴포지트의 모든 차트에서 여백이 동일하면 작업해야합니다. – Gordon