2017-04-10 9 views
0

나는 CanvasJS를 사용하여 Y 축을 따라 레이블의 폭을 설정하는 방법을 찾고 있어요. 최대 너비를 설정할 수는 있지만 원하는 것은 아닙니다. 단순히 폭을 예를 들어 설정할 수 싶습니다. 200px로 설정하고 라벨의 왼쪽 또는 오른쪽으로 짧은 공간이 있으면 여유 공간이 생깁니다.CanvasJS에서 y 축 레이블의 너비를 설정합니까?

약간의 배경 : 우리는 페이지 &에 수직으로 3 개 별도의 열 차트를 표시하고있는 Y가 줄을 축이 필요합니다. 3 개의 차트 각각에 대한 라벨의 너비는 다양합니다.

현재 결과 (좋은, Y가 줄 지어 축을)

1,500 | 
1,000 | [chart 1] 
500 | 
0  ----------------- 

0.4 | 
0.3 | [chart 2] 
0.2 | 
0.1 | 
0 ----------------- 

$40,000 | 
$30,000 | [chart 3] 
$20,000 | 
$10,000 | 
$0  ----------------- 

원하는 결과

1,500 | 
1,000 | [chart 1] 
500  | 
0  ----------------- 

0.4  | 
0.3  | [chart 2] 
0.2  | 
0.1  | 
0  ----------------- 

$40,000 | 
$30,000 | [chart 3] 
$20,000 | 
$10,000 | 
$0  ----------------- 

감사 (나쁜, Y는 줄하지 축을)! 당신이 달성 할 수있는 경우

답변

3

는 잘 모르겠어요. 그러나 여백을 사용하고 모든 차트를 정렬 할 수 있습니다. 그러나 레이블은 왼쪽 위치에서 시작하지 않습니다. 대신 라벨이 시작되기 전에 틈을 만듭니다.

axisY: [{ 
    labelMaxWidth: 100, 
    prefix: "This" 
}] 

조정하려면 마진 값을 설정해야합니다. 이렇게하려면 set 메소드를 사용할 수 있습니다.

chart2.axisY[0].set("margin", chart.axisY[0].bounds.x2 - (chart2.axisY[0].bounds.x2 - chart2.axisY[0].bounds.x1)); 

여기에 작동은 fiddle입니다. 희망이 도움이됩니다.

+0

감사합니다, Beevk. 나는 CanvasJS의 지원에서 매우 비슷한 응답을 받았고 가장 높은 x2 값을 찾고 다른 차트의 여백을 적절하게 설정하는 데 사용했습니다. 그것은 매력처럼 작동했습니다. 앞에서 말했듯이 레이블은 추가 공간이있을 때 왼쪽에 틈이 생겨 오른쪽 정렬됩니다.하지만 멋지게 보입니다. 다시 한 번 감사드립니다! –