하이차트 차트 구성요소의 범례에 대해 설명하겠습니다. 범례 표시 위치를 조정하면 눈이 밝아집니다!
1. 범례 Legend를 차트 오른쪽에 배치합니다.
1. 차트의 marginRight 속성 값을 설정합니다: {
marginRight : 120
},
2. 범례 속성 값을 다음과 같이 설정합니다.
범례: {
정렬 : '오른쪽', / /가로 위치
VerticalAlign: 'top', //세로 위치
x: 0, //x축으로부터의 거리
< p> y: 100 //Y축으로부터의 거리},
3. 렌더링은 다음과 같습니다.
2. 차트의 왼쪽 상단
< p>1. 범례의 속성을 설정합니다.legend: {
align: 'left', //가로 위치
p>VerticalAlign: 'top', / /세로 위치
x: 0, //x축으로부터의 거리
y: 0 //Y로부터의 거리 -axis
},
2. 렌더링은 다음과 같습니다:
3. 범례를 차트 위 중앙에 배치합니다.
1. 범례 속성을 다음과 같이 설정합니다.
legend: {
align: 'center', //가로 위치
VerticalAlign: 'top', / /세로 위치
x: 0, //거리 x축으로부터의 거리
y: 20 //Y축으로부터의 거리
},
2. 렌더링은 다음과 같습니다.
4. 범례를 아래 중앙에 배치합니다.
1. 범례 속성을 다음과 같이 설정합니다.
legend: {
align: 'center', //가로 위치< /p>
VerticalAlign: 'bottom', //세로 위치
x: 0, / /x축으로부터의 거리
y: 0 //Y축으로부터의 거리
},
참조용으로만 재인쇄되었습니다.