Into the new world

 이것저것 발표자료를 찾아보던 중에

 http://www.visifire.com/ 라는 사이트를 발견하게 되었습니다.

 차트 컴포넌트를 제작, 배포하는 사이트입니다.

 깔끔하고, 다양한 옵션들을 제공합니다. 무엇보다도 마음에 드는건 오픈소스라 조금만 살펴본다면 입맛에 맞게 수정까지 가능하다는 점이네욤.

 사용법은 정말 간단합니다.

  정적인 데이터 및 기본 모양 형식을 그대로 사용하실 계획이면
   http://www.visifire.com/silverlight_chart_designer.php 

 위의 링크에 가셔서 제공되는 옵션을 통해 제작하신 후 ViewHtml 혹은 Viexml 모드를 통해 xaml 혹은 html을 저장합니다.

 그후에,
   http://www.visifire.com/download_silverlight_charts.php 에 가셔서
 Visifire for embedding into Webpages 페이지의 기본 모듈을 웹서버에 적용하신 후 저장하신 xaml 혹은 html 파일을 웹서버에 올리시면 됩니다. (어떻게 보면 더 복잡한 방법이 되었을 수도 있네요.)

 만약 동적인 데이터를 이용하실 계획이시라면 다운로드 링크에 가신뒤
 Visifire for Silverlight Applications 메뉴에서 Silverlight Application을 다운 받습니다.

 압축을 풀면 dll 2개가 제공됩니다.

Visifire.Charts , Visfire.Commons

 이 두개의 dll를 실버라이트 프로젝트에 참조 하신후

using Visifire.Commons;
using Visifire.Charts; 

을 해주시면 기본적인 준비는 완료됩니다.

-- visfire의 가이드를 참고하였습니다.
페이지 로드시에 차트가 보여지게 하기 위해선 public Page()에서 메소드를 호출해야 합니다.
(CreateChart());

public void CreateChart()
{
    LayoutRoot.Children.Clear();
    // 차트 객체 생성
    Chart myChart = new Chart();

    myChart.Height = 400;
    myChart.Width = 300;

    // 기본적으로 Visifire 마크가 찍히는데 사실 눈에 좀 거슬리므로 지우도록 합니다.
    myChart.Watermark = false;
    // 로드시의 애니메이션을 정합니다. 현재 Type1~5까지 있습니다.
    myChart.AnimationType = "Type3";    

     //챠트에 포함될 데이터 입니다.
    DataSeries dataSeries = new DataSeries();
    //챠트 타입입니다.
    //타입을 string으로 직접 받는다는 게 그리 썩 좋아 보이지는 않습니다.
    //제공되는 타입은 아래와 같습니다.
    //     public enum ChartTypes {Bar, Column, Pie, Line, Area, Point,
    //                       StackedColumn, StackedColumn100,
    //                       StackedArea, StackedArea100,StackedBar,
    //                          StackedBar100,Doughnut,Bubble   }
    dataSeries.RenderAs = "LINE";  
   
    // 데이터를 임의로 넣습니다.
    Random ran = new Random();
    for (int loopIndex = 0; loopIndex < 5; loopIndex++)
    {
          DataPoint dataPoint = new DataPoint();
          dataPoint.YValue = ran.Next(1, 10000000);
          //툴팁 부분입니다.
          dataPoint.ToolTipText = "데이터" + loopIndex.ToString();
          dataSeries.Children.Add(dataPoint);
    }
}

요정도 작성하신뒤 컴파일하시면 나름 괜찮은 Line 차트가 나옵니다. ㅋ

아직 베타인데 이것저것 나오는것 보니 매우 신기하네요. 열심히 공부해야겠습니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)