맨위로가기
 

SBCHART

닫기

AreaRange Options

#latest  #options

areaRange 차트 고유 옵션입니다.

Options

Area 외곽 형태
  • extend.areaRange.areaStyle.type

    Area의 외곽 형태의 종류를 설정합니다.

중간선 표시(middle line)
  • extend.areaRange.middleLine.show

    AreaRange의 중간선 표시유무를 설정합니다.

min/max 표시
  • extend.areaRange.minMax.show

    AreaRange의 중간선 표시유무를 설정합니다.

Example

Code

var chart = sb.chart.render("#chartWrap", {
    data: {
        type: "areaRange",
        json : [
            { time : "10:00", DBP : 65, SBP : 100, MBP : 75 },
            { time : "10:30", DBP : 50, SBP : 85 , MBP : 55 },
            { time : "11:00", DBP : 46, SBP : 80 , MBP : 65 },
            { time : "11:30", DBP : 45, SBP : 90 , MBP : 50 },
            { time : "12:00", DBP : 60, SBP : 95 , MBP : 90 },
            { time : "12:30", DBP : 45, SBP : 80 , MBP : 65 },
            { time : "13:00", DBP : 70, SBP : 100, MBP : 95 },
            { time : "13:30", DBP : 45, SBP : 82 , MBP : 75 },
            { time : "14:00", DBP : 70, SBP : 98 , MBP : 85 },
            { time : "14:30", DBP : 73, SBP : 95 , MBP : 80 },
        ],
        keys : {
            x : "time",
            value : [ { start : "DBP", end : "SBP", middle : "MBP" } ]
        }
    }
});