본문 바로가기

Say Sycros/Sycros 사용법

나만의 BarChart

                                        Sycros Dashboard

                 [나만의 Chart를 쉽게 만들어 봅시다]

  • Sycros Dashboard는 강력한 사용자 컴포넌트 저작 환경을 지원 합니다.
  • 파워포인트를 이용하여 간단히 자신만의 Chart를 디자인할 수 있습니다.

 

<3D Bar Chart>

    

    <나만의 3D Column Chart 생성하기>

     

     Step-1. 파워포인트로 이미지 만들기

     Step-2. 만든 이미지로 대시보드 Chart 생성

     Step-3. Image List 기능을 이용하여 제작한

               Chart Image 적용하기

 

 

 

 

Step-1. 파워포인트로 이미지 만들기

   

  • 3D 도형 만들기

파워포인트의 도형을 이용하여 3D 막대 두개를 그립니다.

    -> 두개를 겹치신 후 큰 3D 막대의 배경을

         투명하게 조정

    -> 겹쳐진 3D 막대를 그룹화

    -> 오른쪽 버튼 클릭 후 그림으로 저장

    -> png 파일로 저장

 

* 색상별로 5개 정도 이미지를 만드세요.

 

 

 

 

 

 

Step-2. 만든 이미지로 대시보드 Chart 생성

01

 

 

02

 

03

 

04

 

5가지 색상정도 

이미지 작성  

 

Sycros Dashboard

서버에 이미지 복사

Sycros Dashboard

편집모드에서

"image List"

 컴포넌트 사용 

이미지 리스트에

업로더한 이미지를

등록.


 

 

 

 

Step-3. Image List 기능을 이용하여 제작한 Chart Image 적용하기

 

Dashboard에서 수정할 관제 화면을 띄우고, 마우스 우측 버튼을 클릭하고 관제화면 수정’을 

선택하여 수정 모드로 들어갑니다.

 

좌측의 ‘컴포넌트 → Controls → ImageList’ 컴포넌트를 선택하고 작업 영역으로 드래그 하여

끌어옵니다.

 

       

 

ImageList 컴포넌트를 선택 후 우측의 ‘프로퍼티’에서 ‘Image’ 탭을 클릭합니다.
Add 버튼을 5번 클릭하여 Image를 5개 만듭니다.
하단의 ‘Image configuration’에서 Name란에 해당 이름을 작성하고 Source란에는 위에서

제작한 Bar Chart 이미지 파일을 각각 지정해서 추가해주면 됩니다.

 

 

 

      ImageList로 Chart를 모두 지정한 후에 ‘프로퍼티’의 ‘Data’ 탭에서 해당 성능 값에 맞는

DataProvider를 맵핑시키면 성능값에 따라 색생이 달라지는 Bar Chart를 생성할 수 있습니다.

 

 

 

                                                                             

   

 

 

 

<Dashboard에서 제공하는 기본 Chart>

 

<파워포인트를 이용한 나만의 3D Chart>

 

                             

 

 

 * image List와 파워포인트를 이용하여 다양한 이미지 변형 효과를 만들수 있습니다.

 

 

 

"상상 하십시오. Sycros Dashboard는 여러분이 원하는 모든 것을 만들 수 있습니다."

 

 

 

- 씨에프정보통신 기술지원부