Учебник. Создание простой диаграммы

  • Статья

В этом учебнике показано, как добавить элемент управления диаграммы в приложение Windows Forms или веб-приложение, а затем добавить на диаграмму данные, заголовок, условные обозначения и заметки.

Добавление элемента управления диаграммы

Выполните следующие действия, чтобы добавить элемент управления диаграммы к приложению Windows Forms или веб-приложению.

Добавление элемента управления диаграммы в приложение

  1. В режиме конструктора откройте область элементов.

  2. Перетащите элемент управления из категории Данные в область конструирования.

    Если элемент управления диаграммы не отображается в области элементов, щелкните правой кнопкой мыши в области элементов, выберите команду Выбрать элементы и выберите на вкладке Компоненты .NET Framekwork следующие пространства имен.

    Примечание

    Чтобы упростить поиск элемента управления диаграммы в области элементов, скройте неактивные элементы управления.Для этого щелкните правой кнопкой мыши область элементов и снимите флажок Показать все.

  3. Щелкните правой кнопкой мыши элемент управления диаграммы в области конструирования и выберите команду Свойства.

  4. В окне Свойства нажмите кнопку По категориям.

  5. В категории Chart окна Свойства выберите свойство коллекции ChartAreas и нажмите кнопку с многоточием (...).Откроется редактор коллекции ChartAreas.

    Коллекция ChartAreas (объект ChartAreaCollection) содержит все области диаграммы в элементе управления диаграммы.Заметьте, что коллекция уже содержит область с именем ChartArea1.

  6. Нажмите кнопку Добавить, затем нажмите кнопку ОК.Новый объект ChartArea добавляется в коллекцию и по умолчанию получает имя ChartArea2.

    Заметьте, что в области конструирования размер диаграммы уменьшается вдвое.Так происходит, потому что новая область диаграммы помещается внизу, но еще не содержит ряд данных.

  7. В окне Свойства выберите коллекцию Series, а затем нажмите кнопку с многоточием.Откроется редактор коллекции Series.

    Коллекция Series (объект SeriesCollection) содержит все ряды данных в элементе управления диаграммы.Заметьте, что коллекция уже содержит ряд с именем Series1.

  8. В редакторе коллекции Series нажмите кнопку Добавить, а затем установите следующие свойства созданного объекта Series.

    Свойство

    Значение

    ChartArea

    ChartArea2

    ChartType

    Bar

    Name

    BarChart

  9. Нажмите кнопку ОК, а затем нажмите кнопку ОК еще раз.

    Теперь каждая область диаграммы содержит один ряд данных.Однако если запустить приложение, данные не будут отображаться, поскольку ряды еще не содержат данных.

Добавление данных в диаграмму

Выполните следующие действия, чтобы добавить данные в созданный элемент управления диаграммы.

Для добавления данных в диаграмму

  1. Снова откройте редактор коллекций рядов данных.

  2. В области Элементы выберите элемент Series1.

  3. В категории Data области свойств Series1 щелкните свойство коллекции Points и нажмите кнопку с многоточием.Откроется редактор коллекции DataPoint.

    Коллекция Points (объект DataPointCollection) содержит все точки данных в текущем ряду.

  4. В редакторе коллекции DataPoint нажмите кнопку Добавить и задайте значение для свойства YValues в созданном объекте DataPoint.

    Повторите это действие несколько раз, чтобы создать в коллекции пять точек данных.

  5. Нажмите кнопку ОК, а затем повторите предыдущие действия, чтобы добавить точки данных в ряд BarChart.

  6. В редакторе коллекции Series нажмите кнопку ОК.

  7. Запустите приложение.

    Теперь в элементе управления диаграммы будут видны две области диаграммы, в которых выводятся точки данных, созданные в двух рядах.Заметьте, что для двух рядов используются различные типы диаграммы.

Добавление условных обозначений в диаграмму

Выполните следующие действия, чтобы добавить условные обозначения для каждого созданного ряда.

Добавление условных обозначений для каждого ряда

  1. В категории Chart окна Свойства выберите свойство коллекции Legends и нажмите кнопку ... справа.Откроется редактор коллекции Legend.

    Коллекция Legends (объект LegendCollection) содержит все условные обозначения в элементе управления диаграммы.

  2. Если в редакторе коллекции Legend отсутствуют условные обозначения, нажмите кнопку Добавить.

  3. Задайте следующие свойства для объекта Legend.

    Свойство

    Значение

    DockedToChartArea

    ChartArea1

    Docking

    Right

    IsDockedInsideChartArea

    False

  4. Снова нажмите кнопку Добавить и задайте следующие свойства для созданного объекта Legend.

    Свойство

    Значение

    DockedToChartArea

    ChartArea2

    Docking

    Right

  5. Нажмите кнопку ОК.

    Заметьте, что в области конструирования вторые условные обозначения выводятся пустыми.По умолчанию оба ряда назначаются первым условным обозначениям.Можно назначить для каждого ряда отдельные условные обозначения.

  6. Снова откройте редактор коллекций рядов данных.

  7. В области «Элементы» выберите элемент BarChart.

  8. В категории Legend области свойств BarChart выберите из раскрывающегося списка свойств Legend значение Legend2.

  9. Нажмите кнопку ОК.

  10. Запустите приложение.

Добавление заголовка диаграммы

Выполните следующие действия, чтобы добавить заголовок для диаграммы.

Добавление заголовка диаграммы

  1. В категории Chart окна Свойства выберите свойство коллекции Titles и нажмите кнопку с многоточием.Откроется редактор коллекции Title.

    Коллекция Titles (объект TitleCollection) содержит все заголовки в элементе управления диаграммы.

  2. В редакторе коллекции Legend нажмите кнопку Добавить.

  3. В категории Appearance области свойств Title1 введите заголовок диаграммы в свойстве Text.

  4. Нажмите кнопку ОК.

  5. Запустите приложение.

Добавление заметки к точке данных

Выполните следующие действия, чтобы добавить заметку к точке данных на диаграмме.

Добавление заметки к точке данных

  1. В категории Chart окна Свойства выберите свойство коллекции Annotations и нажмите кнопку с многоточием.Откроется редактор коллекции Annotation.

    Коллекция Annotations (объект AnnotationCollection) содержит все заметки в элементе управления диаграммы.

  2. В редакторе коллекции Annotation щелкните стрелку Добавить и выберите значение ArrowAnnotation.

  3. В категории Anchor области свойств ArrowAnnotation1 щелкните стрелку AnchorDataPoint и выберите первую точку данных в ряду Series1.

  4. Задайте следующие свойства для созданного объекта Legend.

    Свойство

    Значение

    Height

    -5

    Width

    0

    AnchorOffSetY

    -2.5

  5. В категории Misc разверните свойство SmartLabelStyle и установите свойство IsOverlappedHidden в значение False.

  6. Нажмите кнопку ОК.

  7. Запустите приложение.

Следующий шаг

Мы рассмотрели, как добавить элемент управления диаграммы в приложение Windows Forms или веб-приложение, а затем добавить на диаграмму данные, заголовок, условные обозначения и заметки.Сведения об использовании трехмерных диаграмм см. в разделе Учебник. Переход к трехмерной диаграмме.

См. также

Ссылки

System.Windows.Forms.DataVisualization.Charting

System.Web.UI.DataVisualization.Charting

Другие ресурсы

Приступая к работе

Использование элементов диаграммы