Home 소개       다운로드       온라인 설명서      주식/코인 차트    Q & A     Blog    

시리즈리스트를 추가하여 아이템 그룹화 하기







사용자의 문의가 있어 만들어본 샘플 코드입니다. 시리즈리스트 3개를 추가하여 1, 2, 3월 에 똑같은 데이터를 그룹화 하여 표시하는 팁입니다.




다양한 Y축 설정들  X축 간격 설정과 축 Visible  X축의 데이터 타입을 숫자형으로  그리드간격과 X축 간격 조절  긴 x축 라벨 세로로 길게 표현하기  시리즈리스트를 추가하여 아이템 그룹화 하기  [히포차트 4.1] Y축 폰트, X축 폰트 조절하기  [히포차트 4.2] x축, y축 Datetime 타입으로 그리기  [히포차트 4.2] X축 데이터수 많은 경우 라벨 처리  X축을 날짜형(시간) 축으로 그리기  히포차트 4.3 - 달라진 축의 개념과 인버스 기능  히포차트 4.3 - IsZeroStartScale 속성 소개 (기본값 : true)  히포차트 4.3 - IsShorterFigures 속성 소개 (큰 숫자를 짧게 표시)  히포차트 4.3 - 날짜형 y축 (년도형 : year 타입)  히포차트 4.3 - 날짜형 X축 (분기형 : Quarter 타입)  히포차트 4.3 - 날짜형 X축 (주형 : Week 타입)  히포차트 4.3 - 날짜형 X축 (요일형 : DayOfWeek 타입)  히포차트 4.3 - 날짜형 X축 (일자형 : day 타입)  [히포차트 4.3] 소수점 Y축 만들기 (같은 숫자가 반복해서 나오는 이유는?)   Y축 타이틀 방향 전환 속성 IsAxisVerticalRotate   


C#
 
SeriesList sList = new SeriesList();
SeriesList sList2 = new SeriesList();
SeriesList sList3 = new SeriesList();
sList.ChartType = ChartType.Column;
sList2.ChartType = ChartType.Column;
sList3.ChartType = ChartType.Column;

sList.GraphArea.Grid.GridDirection = GridDirection.Horizontal;
sList2.GraphArea.Grid.GridDirection = GridDirection.Horizontal;
sList3.GraphArea.Grid.GridDirection = GridDirection.Horizontal;

sList.GraphArea.Grid.IsBackGridColor = false;
sList2.AxisFactor.YAxis.Visible = false;
sList3.AxisFactor.YAxis.Visible = false;

sList.AxisFactor.XAxis.TitleLabel.Text = "1월";
sList2.AxisFactor.XAxis.TitleLabel.Text = "2월";
sList3.AxisFactor.XAxis.TitleLabel.Text = "3월";

sList.AxisFactor.YAxis.SetAxisStep(0, 90, 30);
sList2.AxisFactor.YAxis.SetAxisStep(0, 90, 30);
sList3.AxisFactor.YAxis.SetAxisStep(0, 90, 30);

Random r = new Random();
for(int i = 0; i < 2; i++)
{
Series sr = new Series();

if (i == 0)
{
sr.Name = "계획";
}
else
{
sr.Name = "매출";
}

for(int x = 0; x < 3; x++)
{
SeriesItem item = new SeriesItem();
item.Name = x.ToString();
item.YValue = r.Next(90);

sr.items.Add(item);
}

sList.SeriesCollection.Add(sr);
}

for(int i = 0; i < 2; i++)
{
Series sr = new Series();
sr.LegendVisible = false;

if (i == 0)
{
sr.Name = "계획";
}
else
{
sr.Name = "매출";
}

for(int x = 0; x < 3; x++)
{
SeriesItem item = new SeriesItem();
item.Name = x.ToString();
item.YValue = r.Next(90);

sr.items.Add(item);
}

sList2.SeriesCollection.Add(sr);
sList3.SeriesCollection.Add(sr);
}

this.hHippoChart1.Direction = GraphAreaLocation.Horizontal;
this.hHippoChart1.SeriesListDictionary.Add(sList);
this.hHippoChart1.SeriesListDictionary.Add(sList2);
this.hHippoChart1.SeriesListDictionary.Add(sList3);
this.hHippoChart1.DrawChart();


VB
 
Dim sList As New. SeriesList()
Dim sList2 As New. SeriesList()
Dim sList3 As New. SeriesList()
sList.ChartType = ChartType.Column
sList2.ChartType = ChartType.Column
sList3.ChartType = ChartType.Column

sList.GraphArea.Grid.GridDirection = GridDirection.Horizontal
sList2.GraphArea.Grid.GridDirection = GridDirection.Horizontal
sList3.GraphArea.Grid.GridDirection = GridDirection.Horizontal

sList.GraphArea.Grid.IsBackGridColor = False
sList2.AxisFactor.YAxis.Visible = False
sList3.AxisFactor.YAxis.Visible = False

sList.AxisFactor.XAxis.TitleLabel.Text = "1월"
sList2.AxisFactor.XAxis.TitleLabel.Text = "2월"
sList3.AxisFactor.XAxis.TitleLabel.Text = "3월"

sList.AxisFactor.YAxis.SetAxisStep(0, 90, 30)
sList2.AxisFactor.YAxis.SetAxisStep(0, 90, 30)
sList3.AxisFactor.YAxis.SetAxisStep(0, 90, 30)

Dim r As New. Random()
For i As Integer = 0 To 1
Dim sr As New. Series()

If i = 0 Then
sr.Name = "계획"
Else
sr.Name = "매출"
End If

For x As Integer = 0 To 2
Dim item As New. SeriesItem()
item.Name = x.ToString()
item.YValue = r.[Next](90)

sr.items.Add(item)
Next

sList.SeriesCollection.Add(sr)
Next

For i As Integer = 0 To 1
Dim sr As New. Series()
sr.LegendVisible = False

If i = 0 Then
sr.Name = "계획"
Else
sr.Name = "매출"
End If

For x As Integer = 0 To 2
Dim item As New. SeriesItem()
item.Name = x.ToString()
item.YValue = r.[Next](90)

sr.items.Add(item)
Next

sList2.SeriesCollection.Add(sr)
sList3.SeriesCollection.Add(sr)
Next

Me.hHippoChart1.Direction = GraphAreaLocation.Horizontal
Me.hHippoChart1.SeriesListDictionary.Add(sList)
Me.hHippoChart1.SeriesListDictionary.Add(sList2)
Me.hHippoChart1.SeriesListDictionary.Add(sList3)
Me.hHippoChart1.DrawChart()



※ 히포차트 샘플 코드는 버전별로 상이한 결과를 나타낼 수 있습니다.

이 코드 관련 문의 사항은 페이스북 리플을 달아주시거나 아래 이메일로 이 페이지 주소와 함께 문의주세요.

helpdesk@hippochart.com





Copyright © 2009-2018 투데이트레이딩. Inc.  All Rights Reserved.