맨위로가기
 

SBCHART

닫기

Axis X Zoom

#latest  #options

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

Options

  • axis.x.zoom.type

    axis.x.zoom.type = "drag"

  • axis.x.zoom.maxScale

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

Example

사용 가능 차트 :

Code

var chart = sb.chart.render("#chartWrap", {
    data: {
        type: "line",
        json: [
            { month:"2017.07", volume: 7707750 },
            { month:"2017.08", volume: 7573752 },
            { month:"2017.09", volume: 7914913 },
            { month:"2017.10", volume: 7386713 },
            { month:"2017.11", volume: 8708523 },
            { month:"2017.12", volume: 8624841 },
            { month:"2018.01", volume: 8785755 },
            { month:"2018.02", volume: 8048044 },
            { month:"2018.03", volume: 9083890 }
        ],
        keys: {
            x: "month",
            value: ["volume"]
        }
    },
    axis: {
        x: {
            type: "category"
        },
        y: {
            zerobased: true
        }
    },
});

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