top (xAxis properties)

x축이 차지하는 세로 영역의 시작 위치를 설정합니다. 숫자는 차트 위쪽 끝부터의 px, 문자열 백분율(예: "50%")은 그래프 영역 높이 기준입니다.
x축선은 top부터 height만큼 내려간 위치(영역의 아래쪽 끝)에 그려집니다. y축을 위아래로 나눠(yAxis top, height) 그래프 두 개를 쌓을 때, 위쪽 그래프 바로 아래에도 x축을 표시하는 데 사용합니다.

Info

Example

myChart.setOptions({
  chart: {
    type: "line"
  },
  yAxis: [{
    title: { text: "매출" },
    height: "45%"
  }, {
    title: { text: "이익률" },
    top: "55%",
    height: "45%",
    offset: 0
  }],
  xAxis: [{
    categories: ["1월", "2월", "3월", "4월"],
    height: "45%"         // 위쪽 그래프(0~45%)의 x축
  }, {
    categories: ["1월", "2월", "3월", "4월"],
    top: "55%",           // 아래쪽 그래프(55~100%)의 x축: 위에서 55% 지점부터 시작
    height: "45%",
    offset: 0
  }],
  series: [{
    name: "매출",
    data: [60, 40, 20, 80]
  }, {
    name: "이익률",
    data: [3.1, 5.2, 4.4, 6.9],
    xAxis: 1,
    yAxis: 1
  }]
}, {
  append: true,
  redraw: true
});

제공 버전