Первое приложение с применением Microsoft Chart Control
30 Март 2012 Taras Написать комментарий к комментариям
В предыдущей статье я дал общие понятия о функциональности и назначении библиотеки MS Chart Control. В этой статье, как и обещал, приступим к практическим занятиям и построим свой первый график.
Для построения графика сперва установите Microsoft Visual C# 2010 Express (бесплатная версия) вместе с платформой NET Framework 4.0 – по умолчанию содержит библиотеку MS Chart Control. Скачать среду разработки вместе с платформой можно с официального сайта здесь.
Надеюсь, дорогой читатель знаком с азами работы в среде VS, поэтому не буду расписывать элементарные вещи, нежели вопросы все – же возникнут, задавайте их в комментариях, я постараюсь ответить. После установки, запускаем VS C#, создаем новое приложение Windows Forms. Находим на «Панели элементов» вкладку «Данные», в ее списке имеется элемент управления графиками Chart, перетаскиваем его на нашу форму.
На компоненте Chart, нажимаем правой кнопкой мыши и выбираем из выпадающего контекстного меню пункт «Перейти к коду», перед вами появится исходный код приложения, который мы будем усовершенствовать, с целью построения линейного графика MS Chart Control.
Для подключения библиотеки классов MS Chart Control к нашему приложению, также необходимо добавить следующую директиву:
using System.Windows.Forms.DataVisualization.Charting; |
Чтобы нарисовать график, осталось только добавить данные, по которым необходимо его построить. Ну и затронуть некоторые параметры отображения, такие как: тип диаграммы, цвет, метки.
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;
namespace WindowsFormsApplication1
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
/*Метод AddXY - позволяет добавить точку с двумя заданными координатами
Метод Add - принимает одно значение, которое считается равным обеим коорд.
Метод AddY - также принимает одну координату Y, а коорд X - автоматически
получает значение равное шагу сетки графика*/
chart1.Series["Series1"].Points.AddXY(1, 3);
chart1.Series["Series1"].Points.AddXY(2, 5);
chart1.Series["Series1"].Points.AddXY(3, 7);
chart1.Series["Series1"].Points.AddXY(4, 9);
chart1.Series["Series1"].Points.AddXY(5, 11);
chart1.Series["Series1"].Points.AddXY(6, 11);
chart1.Series["Series1"].Points.AddXY(7.5, 9);
//Настраиваем отображение кривой
//Устанавливаем тип кривой Spline - округленная линия Line - грубая линия
//и т.д.
chart1.Series["Series1"].ChartType = SeriesChartType.Spline;
//Устанавливает метки точек - цифры которые мы видим на графике
//в местах перелома кривой
chart1.Series["Series1"].IsValueShownAsLabel = true;
}
}
} |
При условии правильного набора кода по нажатию клавиши F5, программа должна запуститься и построить график, как на рисунке ниже.
MS Chart Control + Arduino
Кое-кто из вас наверное заметил отличие вашего графика от моего. Если нет, то присмотритесь внимательно, линии сетки моего графика имеют светло серый цвет, в то время, как у вас они черного. В коде я нигде не настраивал сетку, возникает вопрос, — каким образом?
Отвечаю, т.к. мы живем во времена объектно — ориентированного программирования, то не обязательно настраивать свойства каждого объекта прописывая их в ручную, иногда, достаточно выбрать элемент в конструкторе и через правое нажатие правой кнопки мыши на нем, зайти в свойства, откуда можно сделать большое количество изменений элемента, в нашем случае Chart’a.
