맨위로가기
 

SBCHART

닫기

Axis X Zoom

#latest  #options

막대 / 라인 차트 계열에서 Zoom을 표현할 수 있습니다.
확대 후 차트 영역을 더블 클릭하면 차트는 초기화됩니다.

Options

  • axis.x.zoom.type

    axis.x.zoom.type = "drag"

  • axis.x.zoom.maxScale

    zoom 최대 배율을 설정합니다. (default: 20)

  • axis.x.zoom.onChange

    영역 변경시의 callback함수. (default: undefined)

    아래의 샘플코드 참조

Example

사용 가능 차트 :

Code

var chart = sb.chart.render("#chartWrap", {
    data: {
        type: "line",
        json: jsonData,
        keys: {
            x: "area",
            value: ["value"]
        }
    },
    axis: {
        x: {
            type: "category"
            zoom: {
            type: "drag"
            onChange: function(parm) {
	            alert("onchange event(zoom x-area) : "+ parm.x1+"~"+parm.x2 )
            }
        },
    },
});

document.getElementById("chkZerobased").onchange = function() {
    chart.axis().y.zerobased = this.checked;
    chart.render();
};