다음을 통해 공유

자습서: 기본 차트 만들기(차트 컨트롤)

  • 아티클

이 자습서에서는 Windows Forms 또는 웹 응용 프로그램에 차트 컨트롤을 추가한 다음 차트에 데이터, 제목, 범례 및 주석을 추가하는 방법에 대해 설명합니다.

차트 컨트롤 추가

다음 단계에 따라 웹 응용 프로그램용 Windows Forms에 차트 컨트롤을 추가할 수 있습니다.

응용 프로그램에 차트 컨트롤을 추가하려면

  1. 디자인 뷰에서 도구 상자를 엽니다.

  2. 데이터 범주에서 차트 컨트롤을 디자인 영역으로 끌어 놓습니다.

    도구 상자에 차트 컨트롤이 표시되지 않는 경우 도구 상자를 마우스 오른쪽 단추로 클릭하고 항목 선택을 선택한 다음 .NET Framekwork 구성 요소 탭에서 다음 네임스페이스를 선택합니다.

    참고

    도구 상자에서 차트 컨트롤을 보다 쉽게 찾으려면 비활성 컨트롤을 숨깁니다. 이렇게 하려면 도구 상자를 마우스 오른쪽 단추로 클릭하고 모두 표시 항목의 선택을 취소합니다.

  3. 디자인 영역에서 차트 컨트롤을 마우스 오른쪽 단추로 클릭하고 속성을 선택합니다.

  4. 속성 창에서 항목별 단추를 클릭합니다.

  5. 속성 창의 차트 범주에서 ChartAreas 컬렉션 속성을 클릭한 다음 줄임표 단추(…)를 클릭합니다. ChartAreas 컬렉션 편집기가 열립니다.

    ChartAreas 컬렉션(ChartAreaCollection 개체)에는 차트 컨트롤의 모든 차트 영역이 포함되어 있습니다. 컬렉션에 "ChartArea1"이라는 차트 영역이 이미 포함되어 있습니다.

  6. 추가를 클릭한 다음 확인을 클릭합니다. 새 ChartArea 개체가 컬렉션에 기본 이름 "ChartArea2"로 추가됩니다.

    디자인 영역의 차트가 원래 크기의 반으로 축소됩니다. 새로 만든 차트 영역이 아래쪽에 배치되기 때문입니다. 이 영역에는 데이터 계열이 아직 없습니다.

  7. 속성 창에서 계열 컬렉션을 클릭한 다음 줄임표 단추를 클릭합니다. 계열 컬렉션 편집기가 열립니다.

    계열 컬렉션(SeriesCollection 개체)에는 차트 컨트롤의 모든 데이터 계열이 포함되어 있습니다. 컬렉션에 "Series1"이라는 계열이 이미 포함되어 있습니다.

  8. 계열 컬렉션 편집기에서 추가를 클릭한 다음 새로 만든 Series 개체에 다음 속성을 설정합니다.

    속성

    값

    ChartArea

    ChartArea2

    ChartType

    Bar

    Name

    BarChart

  9. 확인을 클릭한 다음 확인을 다시 클릭합니다.

    이제 차트 영역이 있고 각 차트 영역에 데이터 계열이 하나씩 포함되어 있습니다. 계열에는 데이터가 아직 없기 때문에 응용 프로그램을 실행해도 아무것도 표시되지 않습니다.

차트에 데이터 추가

다음 단계에 따라 방금 만든 차트 컨트롤에 데이터를 추가할 수 있습니다.

차트에 데이터를 추가하려면

  1. 계열 컬렉션 편집기를 다시 엽니다.

  2. 멤버 영역에서 Series1을 선택합니다.

  3. Series1 속성 영역의 데이터 범주에서 요소 컬렉션 속성을 클릭한 다음 줄임표 단추를 클릭합니다. DataPoint 컬렉션 편집기가 열립니다.

    요소 컬렉션(DataPointCollection 개체)에는 현재 계열의 모든 데이터 요소가 포함되어 있습니다.

  4. DataPoint 컬렉션 편집기에서 추가를 클릭한 다음 새로 만든 DataPoint 개체의 YValues 속성에 값을 할당합니다.

    이 단계를 반복하여 컬렉션에서 데이터 요소를 다섯 개 만듭니다.

  5. 확인을 클릭한 다음 이전 단계를 반복하여 BarChart 계열에 데이터 요소를 추가합니다.

  6. 계열 컬렉션 편집기에서 확인을 클릭합니다.

  7. 응용 프로그램을 실행합니다.

    이제 두 계열에서 방금 만든 데이터 요소를 보여 주는 두 차트 영역이 차트 컨트롤에 표시됩니다. 두 계열의 차트 종류가 다르다는 것에 유의하십시오.

차트에 범례 추가

다음 단계에 따라 방금 만든 각 계열에 대한 범례를 추가할 수 있습니다.

각 계열에 대한 범례를 추가하려면

  1. 속성 창의 차트 범주에서 범례 컬렉션 속성을 클릭한 다음 오른쪽에 있는 … 단추를 클릭합니다. 범례 컬렉션 편집기가 열립니다.

    범례 컬렉션(LegendCollection 개체)에는 차트 컨트롤의 모든 범례가 포함되어 있습니다.

  2. 범례 컬렉션 편집기에 범례가 아직 없는 경우 추가를 클릭합니다.

  3. Legend 개체에 다음 속성을 설정합니다.

    속성

    값

    DockedToChartArea

    ChartArea1

    Docking

    Right

    IsDockedInsideChartArea

    False

  4. 추가를 다시 클릭한 다음 새로 만든 Legend 개체에 다음 속성을 설정합니다.

    속성

    값

    DockedToChartArea

    ChartArea2

    Docking

    Right

  5. 확인을 클릭합니다.

    디자인 영역에 두 번째 범례가 비어 있는 상태로 표시됩니다. 기본적으로 두 계열이 모두 첫 번째 범례에 할당됩니다. 각 계열을 서로 다른 범례에 할당할 수 있습니다.

  6. 계열 컬렉션 편집기를 다시 엽니다.

  7. 멤버 영역에서 BarChart를 선택합니다.

  8. BarChart 속성 영역의 범례 범주에 있는 Legend 속성의 드롭다운 목록에서 Legend2를 선택합니다.

  9. 확인을 클릭합니다.

  10. 응용 프로그램을 실행합니다.

차트에 제목 추가

다음 단계에 따라 제목을 차트에 추가할 수 있습니다.

차트에 제목을 추가하려면

  1. 속성 창의 차트 범주에서 제목 컬렉션 속성을 클릭한 다음 줄임표 단추를 클릭합니다. 제목 컬렉션 편집기가 열립니다.

    제목 컬렉션(TitleCollection 개체)에는 차트 컨트롤의 모든 제목이 포함되어 있습니다.

  2. 범례 컬렉션 편집기에서 추가를 클릭합니다.

  3. Title1 속성 영역의 모양 범주에서 Text 속성에 차트 제목을 입력합니다.

  4. 확인을 클릭합니다.

  5. 응용 프로그램을 실행합니다.

주석을 사용하여 데이터 요소 표시

다음 단계에 따라 주석을 사용하여 차트에 데이터 요소를 표시할 수 있습니다.

주석을 사용하여 데이터 요소를 표시하려면

  1. 속성 창의 차트 범주에서 주석 컬렉션 속성을 클릭한 다음 줄임표 단추를 클릭합니다. 주석 컬렉션 편집기가 열립니다.

    주석 컬렉션(AnnotationCollection 개체)에는 차트 컨트롤의 모든 주석이 포함되어 있습니다.

  2. 주석 컬렉션 편집기에서 추가 화살표를 클릭한 다음 ArrowAnnotation을 선택합니다.

  3. ArrowAnnotation1 속성 영역의 앵커 범주에서 AnchorDataPoint 화살표를 클릭한 다음 Series1에서 첫 번째 데이터 요소를 선택합니다.

  4. 새로 만든 Legend 개체에 다음 속성을 설정합니다.

    속성

    값

    Height

    -5

    Width

    0

    AnchorOffSetY

    -2.5

  5. 기타 범주에서 SmartLabelStyle 속성을 확장하고 IsOverlappedHidden 속성을 False로 설정합니다.

  6. 확인을 클릭합니다.

  7. 응용 프로그램을 실행합니다.

다음 단계

여기서는 Windows Forms 또는 웹 응용 프로그램에 차트 컨트롤을 추가한 다음 데이터, 제목, 범례 및 주석을 차트에 추가하는 방법에 대해 알아 보았습니다. 3D 차트를 사용하는 방법은 자습서: 3D 차트로 변경을 참조하십시오.

참고 항목

참조

System.Windows.Forms.DataVisualization.Charting

System.Web.UI.DataVisualization.Charting

관련 자료

시작

차트 컨트롤 사용