맨위로가기
 

SBCHART

닫기

Axis X Scroll

#latest  #options

막대 / 라인 차트 계열에서 X축에 스크롤을 표현할 수 있습니다.

Options

  • axis.x.scroll.show

    axis.x.scroll.show = true/false

  • axis.x.scroll.xSize

    X축의 사이즈를 설정합니다. (스크롤로 표시하고 싶은 실제 차트의 크기)

  • axis.x.scroll.wheel

    axis.x.scroll.wheel = true/false

Example

사용 가능 차트 :

Code

var chart = sb.chart.render("#chartWrap", {
    data: {
        type: "area",
        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();
};