맨위로가기
 

SBCHART

닫기

Rows Data

#latest  #data

Rows-타입의 데이터를 사용합니다.

Options

data.rows

Rows-타입의 데이터를 지정합니다.

Example

Code

var chart = sb.chart.render("#chartWrap", {
    data: {
        type: "bar",
        rows: [
            ["2015","2016","2017"],
            [3.51,0.71,1.48],
            [4.6,2.14,3.64],
            [3.43,3.18,2.35],
            [7.96,-1.84,1.29],
            [3.37,0.79,1.42],
            [5.83,0.35,1.34],
            [0.35,0.28,1.51],
            [3.23,0.44,-1.08],
            [-0.09,0.79,4.29],
            [4.47,0.84,1.67],
            [2.21,1.33,2.4],
            [1.13,-0.7,-0.36],
            [0.77,-1.51,-0.53],
            [0.35,0.09,1.98],
            [0.92,1.05,2.23],
            [2.65,-1.66,-0.9],
            [1.64,-0.58,-1.62],
            [8.08,4.63,1.66]
        ]
    },
    axis: {
        x: {
            type: "category",
            categories: ["전국","서울","부산","대구","인천","광주","대전","울산","세종","경기","강원","충북","충남","전북","전남","경북","경남","제주"]
        }
    }
});
document.getElementById("txtRows").onchange = function() {
    chart.data({
        rows: JSON.parse(this.value)
    }).render();
};