지난번 데브익스프레스 차트에 DataTable을 이용한 차트그리기에 이어지는 두번째 팁입니다.
(강의나 강좌라고 하기엔 너무 별게 없네요)
데브익스프레스 엑스트라 차트의(DevExpress Xtrachart) 위자드를 이용해서
차트 오른쪽에 두번째 세로축(Axes)을 추가해 보도록 하겠습니다.
기본적으로 차트에는 왼쪽, 하단 부분에 2가지의 값이 설정될 수 있지만,
오른쪽과 위가 남으니 2개의 기준표시를 할 수 있습니다만, 아무래도 많으면 많을 수록
가독성이 떨어질겁니다. (4개이상도 가능은 하지만 구분이 어렵겠죠)
일단 오른쪽에 하나만 더 추가를 해보도록 하겠습니다.
Chart Wizard의 Diagram 항목에서 할 수 있습니다.
찾느라 한참 해맸네요.
Secondary X-Axes 는 가로축(차트의 위쪽), Secondary Y-Axes는 세로축(차트의 오른쪽)을 뜻하며
기본적으로 차트 콘트롤에 없으므로 Add하여 주면 생성이 됩니다.
그리고 기본적으로 만들어진 Series 들은 첫번째 Axis 들과 연결이 되므로
두번째 Y-Axes와 연결 시켜주는 Series가 있어야 겠죠?
chartControl1.Series[0].Name = "속도";
chartControl1.Series[0].ArgumentDataMember = "GPS시간";
chartControl1.Series[0].ValueDataMembers.AddRange(new string[] { "속도" });
((LineSeriesView)chartControl1.Series[0].View).AxisY = ((XYDiagram)chartControl1.Diagram).SecondaryAxesY[0];
소스를 보시면 아시겠지만, 간단합니다.
((LineSeriesView)chartControl1.Series[0].View).AxisY = ((XYDiagram)chartControl1.Diagram).SecondaryAxesY[0];
이 한줄이 바로 Secondary Y-Axis와 연결해주는 코드입니다.
각 시리즈의 뷰를 LineSeriesView로 타입캐스팅한 후, AxisY 를 Second axis로 지정해 주면 끝.
간단하죠?
그러면 왼쪽 세로축의 값과 오른쪽 세로축의 값의 범위가 서로 다르게 출력되어
한 차트에서 2가지의 값을 표시할 수 있게됩니다.
댓글