Учебник. Привязка данных диаграммы к базе данных

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

Для выполнения заданий данного учебника необходимо установить образец базы данных OLTP AdventureWorks2008 на экземпляр SQL Server (такой как SQL Server 2008 Express).Для установки образца базы данных перейдите на веб-сайт www.codeplex.com.

Привязка данных из базы данных

Вначале выполните привязку данных элемента управления источника данных с элементом управления диаграммы, затем выполните привязку конкретных столбцов источника данных со значением X и значениями Y ряда.

Привязка данных базы данных к диаграмме

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

2. В окне Свойства элемента управления диаграммы, в категории Данные, выберите свойство DataSourceID (ASP.NET) или DataSource (Windows Forms), затем щелкните стрелку раскрывающегося списка и выберите <Новый источник данных…>.

3. На странице Выбор типа источника данных выберите элемент База данных и нажмите Далее.

4. На странице Выбор подключения к данным нажмите кнопку Создать подключение.

5. В диалоговом окне Добавление подключения убедитесь в том, что поле Источник данных установлено в Microsoft SQL Server (SqlClient), затем предоставьте имя сервера и имя базы данных AdventureWorks2008.

6. Нажмите кнопку Проверка соединения, затем нажмите кнопку ОК.

7. Нажмите кнопку Далее дважды.

8. На странице Настройка инструкции Select выберите Указать пользовательские инструкции SQL и нажмите кнопку Далее.

9. Вставьте следующий запрос в поле Инструкция SQL, затем нажмите кнопку Далее.

   select LastName, SalesYTD, SalesLastYear 
     from HumanResources.Employee as e
     inner join Person.Person as p on e.BusinessEntityID = p.BusinessEntityID
     inner join Sales.SalesPerson as s on e.BusinessEntityID = s.BusinessEntityID
   

10. Нажмите кнопку Проверить запрос, а затем кнопку Готово.

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

Привязка данных к значениям X и Y в диаграмме

1. Откройте редактор коллекции Series для элемента управления диаграммы.

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

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

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

   Значение X ряда по умолчанию теперь привязано к столбцу LastName, а первое значение Y ряда по умолчанию теперь привязано к столбцу SalesYTD.

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

   Свойство	Значение
   XValueMember	LastName
   YValueMembers	SalesLastYear

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

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

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

Настройка меток и заголовков осей

Свойство коллекции Axes в редакторе коллекции ChartArea используется для настройки меток и заголовков осей области диаграммы.

Настройка меток осей и добавление заголовков

1. Откройте редактор коллекции ChartArea для элемента управления диаграммы.

2. В окне «Свойства» для области диаграммы по умолчанию, в категории Оси, выберите свойство коллекции Axes и нажмите кнопку с многоточием (...).Откроется редактор коллекции Axis.

   Коллекция Axes (массив Axis) содержит оси области диаграммы.

3. В окне «Свойства» для (основной) оси X, в категории Метки, разверните свойство LabelStyle, затем установите его свойство Interval в значение 1, после чего убедитесь в том, что свойство IntervalStyle не установлено.

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

4. В категории Заголовок установите свойство Title в значение Employee.

5. В окне «Свойства» для (основной) оси Y, в категории Заголовок, установите свойство Title в значение Sales.

6. Дважды нажмите кнопку ОК.

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

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

Добавление всплывающих подсказок в ряд

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

Добавление всплывающих подсказок в ряд

1. Откройте вновь редактор коллекции Series для элемента управления диаграммы.

2. Выделите первый ряд.

3. В окне «Свойства» для первого ряда, в категории Область карты, установите для свойства Tooltip значение #VALX: #VAL продаж этого года.

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

4. В окне «Свойства» для первого ряда, в категории Область карты, задайте для свойства Tooltip значение #VALX: #VAL продаж прошлого года.

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

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

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

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

См. также

Справочник

System.Windows.Forms.DataVisualization.Charting

System.Web.UI.DataVisualization.Charting

Основные понятия

Привязка данных к рядам

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

Начало работы