AUIGrid Documentation

SparkColumnRenderer

스파크 칼럼 렌더러는 특정 칼럼의 셀에 스파크 칼럼 차트를 출력시키는 칼럼 렌더러입니다.

스파크 칼럼 렌더러에 출력 시킬 데이터 설정은 dataField 속성에 컴마(,) 구분자를 사용한 복수의 데이터필드를 설정하십시오.

스파크 칼럼 렌더러는 칼럼 레이아웃을 정의할 때 개별 칼럼의 renderer 속성 값인 Object 형태로 선언되어야 합니다.

canvas 를 지원하는 브라우저에서 사용 가능합니다.(IE 인 경우 9 이상)

칼럼의 renderer 속성의 type 으로만 설정 가능합니다.

아래는 설정 예제 입니다.

var columnLayout = [ {
     dataField : "name",
     headerText : "Name",
     width : 140
}, {
     dataField : "m1,m2,m3,m4,m5",
     headerText : "SparkChart",
     width : 120,
     renderer : {
            type : "SparkColumnRenderer",
            markMaxValue : true,
            maxColor : "#ff0000"
      }
}];

Name	Description
fillColor	Type : String 차트 칼럼의 채우기 색을 지정합니다. 기본값(default) : `"#8C8C8C"`.
markMaxValue	Type : Boolean 스파크 차트에 대입된 데이터 중 최대값에 해당되는 값을 다른 컬러로 표시합니다. 기본값(default) : `true`.
markMinValue	Type : Boolean 스파크 차트에 대입된 데이터 중 최소값에 해당되는 값을 다른 컬러로 표시합니다. 기본값(default) : `true`.
maxColor	Type : String 최대값에 표시를 설정(markMaxValue=true 설정) 한 경우 최대값 표시할 색상을 지정합니다. 기본값(default) : `"#2F9D27"`.
minColor	Type : String 최소값에 표시를 설정(markMinValue=true 설정) 한 경우 최소값에 표시할 색상을 지정합니다. 기본값(default) : `"#FF2424"`.
renderingField	Type : String 스파크 칼럼에서 특정 행에만 스파크 차트를 출력하고자 한다면 renderingField 를 정의하십시오. renderingField 를 정의 한 후 해당 Row 데이터에 정의한 필드가 true 인 경우만 스파크 차트가 출력됩니다. 예를 들어 칼럼 레이아웃에서 renderingField : "drawSpark" 라고 정의 하고, 데이터 작성 시(JSON 또는 XML) 특정 Row 에 drawSpark : true ( <drawSpark>true</drawSpark> ) 를 설정하면 drawSpark 가 true 로 지정된 데이터의 행만 스파크 차트가 출력됩니다. 기본값(default) : `null`.