scrollablePlotArea (chart properties)
그래프 영역이 지정한 크기보다 작아지면 가로 또는 세로 스크롤을 표시합니다.
데이터가 많아 좁은 화면에서 막대가 너무 얇아질 때 사용합니다. 축 라벨과 범례 등은 고정되고 그래프 영역만 스크롤됩니다.
Info
| name |
type |
required(default) |
description |
| scrollablePlotArea |
object |
선택(undefined) |
그래프 영역이 지정한 크기보다 작아지면 가로 또는 세로 스크롤을 표시합니다. |
| scrollablePlotArea.minWidth |
number |
선택(undefined) |
이 너비(px)보다 좁으면 가로 스크롤 표시 |
| scrollablePlotArea.minHeight |
number |
선택(undefined) |
이 높이(px)보다 낮으면 세로 스크롤 표시 |
| scrollablePlotArea.scrollPositionX |
number |
선택(0) |
처음 가로 스크롤 위치 (0: 왼쪽 끝, 1: 오른쪽 끝) |
| scrollablePlotArea.scrollPositionY |
number |
선택(0) |
처음 세로 스크롤 위치 (0: 위쪽 끝, 1: 아래쪽 끝) |
| scrollablePlotArea.opacity |
number |
선택(0.85) |
고정 영역 배경의 불투명도 |
Example
myChart.setOptions({
chart: {
type: "column",
scrollablePlotArea: {
minWidth: 1200,
scrollPositionX: 1
}
},
series: [{
name: "서울",
data: [60, 40, 20, 80, 50, 30, 70, 90, 65, 45, 25, 85, 55, 35, 75, 95]
}]
}, {
append: true,
redraw: true
});
제공 버전