페이지 이력

page no. 

1. 기능 설명
   1. 차트의 범례를 클릭 시에 발생하는 이벤트가 추가되었습니다. (OnLegendPointClick)
   2. arguments 를 통해, 클릭 시 범례 글자 색상, 심볼 색상 등을 설정할 수 있습니다.
      
      
2. 사용 방법

   1. Script Editor 상에서 OnLegendPointClick 이벤트 추가를 통해 해당 기능을 사용 가능합니다.

      코드 블럭
      language js title sample code linenumbers true
      /************************************** * 차트 컨트롤의 데이터 포인트를 클릭할 때 발생합니다. * * arguments : * string Id (Readonly:False) : 컨트롤 이름 * string Label (Readonly:False) : 클릭한 Point 이름 * string Visible (Readonly:False) : 클릭 후 계열의 숨김 상태 * string Color (Readonly:False) : 계열 색상 * string FontColor (Readonly:False) : 글자색상 * string FontWeight (Readonly:False) : 글자굵기 * string FontSize (Readonly:False) : 글자크기 * string SymbolColor (Readonly:False) : 심볼색상 * boolean Cancel (Readonly:False) : 취소 여부(계열을 비활성화 하지 않음) **************************************/ var OnLegendPointClick = function(sender, args){ }

      
      

   2. arguments 의 Cancel 을 true 로 설정하는 경우, 해당 차트의 범례를 클릭해도 계열이 비활성화 되지 않습니다.

   3. arguments 의 FontColor, SymbolColor 등 속성을 설정 시, 클릭한 범례항목에 대한 스타일을 설정할 수 있습니다.

      1. 빈 텍스트를 입력 시, 기본 값으로 설정됩니다. (※ SymbolColor 의 경우, 계열의 색상으로 설정됩니다.)

      
      

      코드 블럭
      language js title sample code linenumbers true
      /************************************** * 차트 컨트롤의 데이터 포인트를 클릭할 때 발생합니다. * * arguments : * string Id (Readonly:False) : 컨트롤 이름 * string Label (Readonly:False) : 클릭한 Point 이름 * string Visible (Readonly:False) : 클릭 후 계열의 숨김 상태 * string Color (Readonly:False) : 계열 색상 * string FontColor (Readonly:False) : 글자색상 * string FontWeight (Readonly:False) : 글자굵기 * string FontSize (Readonly:False) : 글자크기 * string SymbolColor (Readonly:False) : 심볼색상 * boolean Cancel (Readonly:False) : 취소 여부(계열을 비활성화 하지 않음) **************************************/ var OnLegendPointClick = function(sender, args){ if(args.Visible === true) { // 활성화 경우 args.FontColor = '#FF0000'; args.SymbolColor = '#FF0000'; args.FontSize = '14px'; } else { args.FontColor = '#6799FF'; args.SymbolColor = '#6799FF'; args.FontSize = ''; } }

      
      Image Modified