panning (chart properties)

확대한 차트를 마우스 드래그로 이동(패닝)할 수 있게 설정합니다.
확대(zooming)와 같이 쓰면 panKey로 지정한 키를 누른 채 드래그할 때 이동합니다.

Info

name type required(default) description
panning object 선택({enabled: false, type: "x"}) 확대한 차트를 마우스 드래그로 이동(패닝)할 수 있게 설정합니다.
panning.enabled boolean 선택(false) 패닝 사용 여부
panning.type string 선택(x) 이동 방향 (x, y, xy)

Example

myChart.setOptions({
  chart: {
    type: "line",
    zooming: {
      type: "x"
    },
    panning: {
      enabled: true,
      type: "x"
    },
    panKey: "shift"  // shift 키를 누른 채 드래그하면 이동
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80, 50, 30, 70, 90]
  }]
}, {
  append: true,
  redraw: true
});

제공 버전

version desc
7.3.0.0