맨위로가기
 

SBCHART

닫기

extend.areaRange

#2.0.67

AreaRange 차트에 대한 확장 옵션을 지정합니다.

  • Type : Object
  • Format
    
    extend: {
        areaRange: {
        
            areaStyle: {
                type: "spline",
                strokeWidth: 1,
                strokeColor: "pink",
                fillColor: "#EEEEEE",
                opacity: 1,
                useGradation: false,
                gradationColor: {
                    useMiddleColor: true,
                    startColor: "#84FB7F",
                    middleColor: "#C0BD7F",
                    endColor: "#F8867F",
                    direction: "tb",
                },  
            },
    
            minMax: {
                show: true,
                radius: 6,
                strokeWidth: 1,
                strokeColor: "pink",
                fillColor: "#EEEEEE",
                opacity: 1,
            },
    
            middleLine: {
                show: true,
                width: 1,
                color: "white",
                opacity: 1,
                pointer: {
                    show: true,
                    radius: 6,
                    strokeWidth: 1,
                    strokeColor: "white",
                    fillColor: "pink",
                    opacity: 1,
                },  
            },
        },
    },   
    
    
    

extend.areaRange.areaStyle.type

#2.0.67

사용되어지는 AreaRange 영역의 외부형태의 종류를 지정합니다. ( spline, line 2가지 형태 지원 )

  • Type : String
  • Default : "spline"

extend.areaRange.areaStyle.strokeWidth

#2.0.67

AreaRange 영역의 외곽선의 두께를 설정합니다.

  • Type : Number

extend.areaRange.areaStyle.strokeColor

#2.0.67

AreaRange 영역의 외곽선의 색상을 설정합니다.

  • Type : String

extend.areaRange.areaStyle.fillColor

#2.0.67

AreaRange 영역의 내부 색상을 설정합니다.

  • Type : String

extend.areaRange.areaStyle.opacity

#2.0.67

AreaRange 영역의 투명도를 설정합니다.

  • Type : Number

extend.areaRange.areaStyle.useGradation

#2.0.67

AreaRange 영역의 내부 색상을 gradation으로 처리할 지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.areaStyle.gradationColor.useMiddleColor

#2.0.67

gradation색상으로 중간색상을 사용할 지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.areaStyle.gradationColor.startColor

#2.0.67

gradation 시작 색상을 설정합니다.

  • Type : String

extend.areaRange.areaStyle.gradationColor.middleColor

#2.0.67

gradation 중간 색상을 설정합니다.

  • Type : String

extend.areaRange.areaStyle.gradationColor.endColor

#2.0.67

gradation 끝 색상을 설정합니다.

  • Type : String

extend.areaRange.areaStyle.gradationColor.direction

#2.0.67

gradation의 방향을 설정합니다. : tb(default), bt, lr, rl

tb : top --> down

bt : down --> topn

lr : left --> right

rl : right --> left

  • Type : String
  • Default : "tb"

extend.areaRange.ticks.majorTicks.show

#2.0.67

사용되는 범위의 최소값부터 최대값 사이에 눈금을 보여줄지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.minMax.show

#2.0.67

minMax를 표시할지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.minMax.radius

#2.0.67

min/max를 표시하는 원의 반지름을 설정합니다.

  • Type : Number
  • Default : 2

extend.areaRange.middleLine.show

#2.0.67

영역의 중간값(지표값)을 나타내는 선을 표시할 지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.middleLine.pointer.show

#2.0.67

영역의 중간값(지표값)을 나타내는 선에 원을 표시할 지 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.areaRange.middleLine.pointer.radius

#2.0.67

중간값(지표값)을 표시하는 원의 반지름을 설정합니다.

  • Type : Number
  • Default : 2