페이지 이력

page no. 

1. 기능 설명
   1. Chart 컨트롤에서 계열의 특정 데이터 색상을 변경하는 기능을 제공합니다.
      
      1. ColorByPoint Script API 속성을 통해, 데이터 순서에 따른 Palette 기능을 제공합니다.
      2. SetPointColor Script API 함수를 통해, 특정 순서에 해당하는 데이터 색상을 설정하는 기능을 제공합니다.
2. 사용 방법
   1. ColorByPoint
      

      1. 계열의 [ColorByPoint] 속성을 true 로 설정합니다.

      2. ChartOption 의 SetCustomPalette 를 통해 지정한 색상 팔레트 순서가 계열의 데이터에 적용됩니다.

      3. 해당 옵션을 true 로 설정한 경우, 아래 우측 차트와 같이 하나의 계열의 데이터가 설정한 Palette 가 반복적으로 데이터에 적용 됩니다.

         코드 블럭
         language js theme Eclipse title sample code linenumbers true
         /************************************** * 컨트롤에 데이터셋이 바인딩된 후 발생합니다. * * arguments : * string Id (Readonly:False) : 컨트롤이름 * int RecordCount (Readonly:False) : 데이터셋의 레코드 수량 **************************************/ var OnDataBindEnd = function(sender, args){ if(args.Id === 'Chart') { var Chart = Matrix.getObject('Chart'); var colors = ['#FFE08C', '#B5B2FF']; Chart.ChartOptions.SetCustomPalette(colors); var series = Chart.SeriesInfo.Get('DEPT_VAL'); series.ColorByPoint = true; Chart.Update(); } if(args.Id === 'Chart5') { var Chart = Matrix.getObject('Chart5'); var colors = ['#FFE08C', '#B5B2FF']; Chart.ChartOptions.SetCustomPalette(colors); } }

         
         

      4. 계열이 여러 개인 경우, 설정한 대상 계열을 제외한 나머지 항목은 설정한 Palette 순서로 색상이 지정됩니다.
         1. [YEAR_VAL], [MON_VAL] 의 경우, 설정한 Palette 순서로 반복되는 것을 확인할 수 있습니다.
         
      5. 다만, 범례의 색상은 무조건 회색으로 설정됩니다.
         
   2. SetPointColor
      

      1. 계열의 특정 순서에 해당하는 항목의 색상을 변경하는 함수입니다.

         1. 아래와 같은 경우, 계열의 Index 1 에 해당하는 항목에 대한 차트 색상이 설정됩니다.

         2. ColorByIndex 와 다르게, 범례의 색상은 계열의 Palette 색상을 그대로 유지합니다.

         코드 블럭
         language js theme Eclipse title sample code linenumbers true
         Series.SetPointColor(1, '#FF5E00'); // 1: 설정한 데이터 Index, #FF5E00: 설정할 color