맨위로가기
 

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",
                maxStrokeColor: "red",
            },  
        },

        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.areaStyle.gradationColor.maxStrokeColor

#2.0.67

Arearange의 최대범위를 나타내는 선의 색상을 최소범위의 선의 색상과 다르게 설정합니다.

  • Type : String
  • Default : ""

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