Common Business Scenarios with Infragistics UltraDataChart

[Infragistics] Mihail Mateev / Thursday, February 19, 2015

Infragistics UltraDataChart Control has been engineered to dramatically simplify the way in which you visually present information to your end-users. Optimized for both performance and flexibility, the WinForms DataChart is a highly customizable control library which can be leveraged in a nearly endless number of business scenarios, be it real-time charting or analysis of multi-dimensional data.

The updated Windows Forms Data Chart is fast, fully-featured, and arguably the most modern Windows Forms chart on the market. Smoothly animate data over time using the innovative Motion Framework, create composite charts, and use multiple series, featuring a range of series that include Line, Stacked Line, Stacked Area, Stacked 100-Bar, Column, Waterfall, Candlestick and more.

Using the UltraDataChart

The UltraDataChart offers powerful ways to interact with data, such as zooming, trendlines and chart synchronization. In addition to all the types supported by the XamChart, UltraDataChart supports polar and radial series types. It enables developers to not only visualize the data, but also enable users to interact with it. The UltraDataChart only supports 2D chart types, and chart types which do not require an axis, such as a pie, and funnel will be implemented by separate controls like the Pie Chart, Funnel Chart etc.

How do you use the UltraDataChart

Declare the axes (the UltraDataChart supports string (CategoryXAxis, CategoryYAxis, CategoryAngleAxis), numeric (NumericXAxis, NumericYAxis, NumericRadiusAxis, NumericAngleAxis), and date (CategoryDateTimeAxis). In this case we’d like to have dates along the X axis, and numeric values along the Y axis, so we’re using the CategoryDateTimeXAxis and the NumericYAxis.
Declare the series, referencing the two axes
Declare tooltips

Infragistics Windows Forms UltraDataChart High Performance Scenarios

When you’re dealing with real-time or large volumes of data, the three most critical factors for the user experience of your application are performance, performance and…performance! Customers are often interested in the performance of the UltraDataChart (the fast chart component featuring zooming and panning in Infragistics Windows Forms controls). Rather than just say “well, they’re capable of handling millisecond-based updates without noticeable delay in rendering, and are in use at mission-critical applications handling real-time and high-volume data", let's see the chart in action in a few different high performance scenarios!

UltraDataChart real-time data scenario

This scenario shows the UltraDataChart bound to a real-time data feed. You can start or stop the real-time data feed by clicking the Toggle Live Data button, and can modify the speed of data update and the amount of data displayed in the chart control using the two sliders above. You can see the time it takes to layout the points in the chart in the label above it, just so you can get an idea of how fast the UltraDataChart really is.

The source code is available below:

using System;

using System.Collections;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Drawing;

using System.Globalization;

using System.Linq;

using System.Windows.Forms;

using Infragistics.Controls.Charts;

using Infragistics.Extension.Models;

using Infragistics.Extension.Services;

using Infragistics.Win.DataVisualization;

using HorizontalAlignment = Infragistics.Portable.Components.UI.HorizontalAlignment;

  

namespace Infragistics.Samples

{

    public partial class SampleForm : Form

    {

        #region Default constructor

        public SampleForm()

        {

            InitializeComponent();

            Load += OnFormLoaded;

            btnReset.Click += btnReset_Click;

        }

        #endregion // Default constructor

  

        #region Protected Members

        protected DataStockService StockService;

        protected UltraDataChart PriceChart;

        protected UltraDataChart VolumeChart;

        #endregion // Protected Members

  

        #region Events

  

        #region OnFormLoaded

        private void OnFormLoaded(object sender, EventArgs e)

        {

            InitializeForm();

  

            StockService = new DataStockService();

            StockService.DataStockReceived += StockService_DataStockReceived;

  

            var data = StockService.DataPoints;

  

            PriceChart = CreatePriceChart(data);

            VolumeChart = CreateVolumeChart(data);

  

            var table = new TableLayoutPanel

            {

                Dock = DockStyle.Fill,

                AutoSizeMode = AutoSizeMode.GrowOnly,

                GrowStyle = TableLayoutPanelGrowStyle.AddRows

            };

            table.Controls.Add(PriceChart, 0, 1);

            table.Controls.Add(VolumeChart, 0, 2);

  

            PanelCenter.ClientArea.Controls.Add(table);

        }

        #endregion // OnFormLoaded

  

        #region btnReset_Click

        void btnReset_Click(object sender, EventArgs e)

        {

            PriceChart.ResetZoom();

            VolumeChart.ResetZoom();

        }

        #endregion // btnReset_Click

  

        #region StockService_DataStockReceived

        void StockService_DataStockReceived(object sender, DataStockReceivedEventArgs e)

        {

            //var data = StockService.DataPoints;

            var data = new DataStockList();

            data.AddRange(StockService.DataPoints);

  

            UpdatePriceChart(data);

            UpdateVolumeChart(data);

        }

        #endregion // StockService_DataStockReceived

  

        #region OnAxisXFormatLabel

        string OnAxisXFormatLabel(AxisLabelInfo info)

        {

            var item = info.Item as DataStockPoint;

            if (item != null) return item.Date.ToString("yyyy/MM/dd");

  

            return info.ToString();

        }

        #endregion // OnAxisXFormatLabel

  

        #region OnAxisYFormatLabel

        string OnAxisYFormatLabel(AxisLabelInfo info)

        {

            var axisValue = info.Value;

            if (axisValue < 1000)

                return string.Format("{0:0.#}", axisValue);

            if (axisValue < 1000000)

                return string.Format("{0:#,0,.#} K", axisValue);

            if (axisValue < 1000000000)

                return string.Format("{0:#,0,,.#} M", axisValue);

            if (axisValue < 1000000000000)

                return string.Format("{0:#,0,,,.#} B", axisValue);

  

            return axisValue.ToString();

        }

        #endregion // OnAxisYFormatLabel

  

        #endregion

  

        #region Methods

  

        #region InitializeForm

        public void InitializeForm()

        {

            speedEditor.ValueChanged += speedEditor_ValueChanged;

            btnStartService.Click += btnStartService_Click;

  

            // Add the form's caption as the sample name

            ultraFormManager1.FormStyleSettings.Caption = Properties.Resources.SampleTitle;

  

            // Add button images on the form

            this.LoadImagesFor(SplitterTop, SplitterRight);

  

            // Add the sample description

            sampleInfo.SampleDescription = Resources.SamplesBrowser.SamplesBrowser.SampleDescription;

            sampleInfo.SampleCodeCSharp = Properties.Resources.CS_CodeView;

            sampleInfo.SampleCodeVBasic = Properties.Resources.VB_CodeView;

            sampleInfo.SampleTitle = Properties.Resources.CodeViewerTitle;

  

            speedEditor.PropertyName = Properties.Resources.SpeedEditor_Label;

        }

        #endregion // InitializeForm

  

        #region CreatePriceChart

        public UltraDataChart CreatePriceChart(DataStockList data)

        {

            var chart = new UltraDataChart

            {

                Width = 400,

                Height = 200,

                Dock = DockStyle.Fill,

                BackColor = System.Drawing.Color.White,

                PlotAreaBackground = new SolidColorBrush { Color = Color.White },

                Title = data.CompanyName,

                Subtitle = Properties.Resources.StockPrice,

                VerticalZoomable = true,

                HorizontalZoomable = true

            };

  

            var xAxis = new CategoryXAxis

            {

                Label = "Date",

                DataSource = data,

                LabelLocation = AxisLabelsLocation.OutsideBottom,

                UseClusteringMode = true

            };

            xAxis.FormatLabel += OnAxisXFormatLabel;

  

            var yAxis = new NumericYAxis

            {

                LabelExtent = 50,

                LabelHorizontalAlignment = HorizontalAlignment.Right

            };

            yAxis.FormatLabel += OnAxisYFormatLabel;

  

            var yAxis2 = new NumericYAxis

            {

                LabelExtent = 20,

                LabelLocation = AxisLabelsLocation.OutsideRight

            };

  

            var series = new AreaSeries

            {

                DataSource = data,

                ValueMemberPath = "Open",

                XAxis = xAxis,

                YAxis = yAxis,

                MarkerType = MarkerType.None,

                IsHighlightingEnabled = true

            };

  

            chart.Axes.Add(xAxis);

            chart.Axes.Add(yAxis);

            chart.Axes.Add(yAxis2);

            chart.Series.Add(series);

            return chart;

        }

        #endregion // CreatePriceChart

  

        #region CreateVolumeChart

        public UltraDataChart CreateVolumeChart(DataStockList data)

        {

            var chart = new UltraDataChart

            {

                BackColor = System.Drawing.Color.White,

                PlotAreaBackground = new SolidColorBrush { Color = Color.White },

                Dock = DockStyle.Fill,

                Width = 400,

                Height = 200,

                Padding = new Padding(0, 0, 20, 0),

                Subtitle = Properties.Resources.StockVolume,

                VerticalZoomable = true,

                HorizontalZoomable = true

            };

  

            var xAxis = new CategoryXAxis

            {

                Label = "Date",

                DataSource = data,

                LabelLocation = AxisLabelsLocation.OutsideBottom

            };

            xAxis.FormatLabel += OnAxisXFormatLabel;

  

            var yAxis = new NumericYAxis

            {

                LabelExtent = 50,

                LabelHorizontalAlignment = HorizontalAlignment.Right

            };

            yAxis.FormatLabel += OnAxisYFormatLabel;

  

            var yAxis2 = new NumericYAxis

            {

                LabelExtent = 20,

                LabelLocation = AxisLabelsLocation.OutsideRight

            };

  

            var series = new ColumnSeries

            {

                DataSource = data,

                ValueMemberPath = "Volume",

                XAxis = xAxis,

                YAxis = yAxis,

                IsHighlightingEnabled = true,

                IsTransitionInEnabled = false

            };

  

            chart.Axes.Add(xAxis);

            chart.Axes.Add(yAxis);

            chart.Axes.Add(yAxis2);

            chart.Series.Add(series);

            return chart;

        }

        #endregion // CreateVolumeChart

  

        #region UpdatePriceChart

        private void UpdatePriceChart(IEnumerable data)

        {

            var DataSource = data as object[] ?? data.Cast<object>().ToArray();

  

            var series = PriceChart.Series.FirstOrDefault();

            if (series != null)

            {

                series.DataSource = DataSource;

                series.RenderSeries(false);

            }

  

            var xAxis = PriceChart.Axes[0] as CategoryXAxis;

            if (xAxis != null)

            {

                xAxis.DataSource = DataSource;

                xAxis.RenderAxis();

            }

        }

        #endregion // UpdatePriceChart

  

        #region UpdateVolumeChart

        private void UpdateVolumeChart(IEnumerable data)

        {

            var DataSource = data as object[] ?? data.Cast<object>().ToArray();

  

            var series = VolumeChart.Series.FirstOrDefault();

            if (series != null)

            {

                series.DataSource = DataSource;

                series.RenderSeries(false);

            }

  

            var xAxis = VolumeChart.Axes[0] as CategoryXAxis;

            if (xAxis != null)

            {

                xAxis.DataSource = DataSource;

                xAxis.RenderAxis();

            }

        }

        #endregion // UpdateVolumeChart

  

        #region speedEditor_ValueChanged

        void speedEditor_ValueChanged(object sender, EventArgs e)

        {

            var value = speedEditor.PropertyValue;

            StockService.UpdateInterval = TimeSpan.FromMilliseconds(value);

        }

        #endregion // speedEditor_ValueChanged

  

        #region btnStartService_Click

        void btnStartService_Click(object sender, EventArgs e)

        {

            if (StockService.IsEnabled)

                StockService.Stop();

            else

                StockService.Start();

        }

        #endregion // btnStartService_Click

  

        #endregion // Methods

    }

  

    #region StockInformation class

    public class StockInformation

    {

        public string CompanyName;

        public string StockSymbol;

    } 

    #endregion // StockInformation class

}

UltraDataChart high-volume data scenario

The UltraDataChart high-volume data scenario allows the user to set the number of points to be bound to the chart control. You can use big amount of data - this chart can fit more than a year’s worth of data readings taken each second - but feel free to increase that according to the requirements of your scenario. You can try the zooming and panning using the mouse and zoombars to see the level of performance this component delivers when bound to such a high-volume dataset.

When changing only one or two points in data that is bound to the Series object’s DataSource property, you should avoid sending the Reset event from the INotifyCollectionChanged interface. In the prior version of the UltraDataChart control, sending one refresh event instead of several smaller events was preferable.

This code snippet shows how to notify about changes in custom collection using the Add event action instead of the Reset event action when a new data point is added to the collection.

using System.Collections;

using System.Collections.Generic;

using System.Collections.Specialized;

using NotifyEventArgs = System.Collections.Specialized.NotifyCollectionChangedEventArgs;

using NotifyAction = System.Collections.Specialized.NotifyCollectionChangedAction;

  

public class DataCollection : INotifyCollectionChanged, IEnumerable

{

        protected List Data = new List();

        public event NotifyCollectionChangedEventHandler CollectionChanged;

        protected void OnCollectionChanged(NotifyEventArgs e)

        {

            if (CollectionChanged != null)

            {

                CollectionChanged(this, e);

            }

        } 

        public IEnumerator GetEnumerator()

        {

            return this.Data.GetEnumerator();

        } 

        public void Add(DataPoint dataPoint)

        {

            this.Data.Add(dataPoint);

            NotifyEventArgs e = new NotifyEventArgs(NotifyAction.Add, dataPoint);

            // use the Add event action instead of the Reset event action 

            // when adding only one or two points to the collection

            //NotifyEventArgs e = new NotifyEventArgs(NotifyAction.Reset);

            this.OnCollectionChanged(e);

        } 

}

Motion Framework

You can animate data over time using the innovative Motion Framework, create composite charts, and use multiple series with our new Windows Forms Data Chart control. This approach is used mainly when you have multidimensional data and one of the dimensions is time. You can demonstrate how values are changed during the time using awesome animations.

This sample demonstrates how to use the Motion Framework™ with the DataChart control to build highly engaging visualizations and provide smooth playback of changes in data over time.

using Infragistics.Extension;

  

namespace Infragistics.Samples

{

    partial class MotionFramework

    {

        /// 

        /// Required designer variable.

        /// 

        private System.ComponentModel.IContainer components = null;

  

        /// 

        /// Clean up any resources being used.

        /// 

        ///true if managed resources should be disposed; otherwise, false.

        protected override void Dispose(bool disposing)

        {

            if (disposing && (components != null))

            {

                components.Dispose();

            }

            base.Dispose(disposing);

        }

  

        #region Windows Form Designer generated code

  

        /// 

        /// Required method for Designer support - do not modify

        /// the contents of this method with the code editor.

        /// 

        private void InitializeComponent()

        {

            this.components = new System.ComponentModel.Container();

            System.ComponentModel.ComponentResourceManager resources = new System.ComponentModel.ComponentResourceManager(typeof(MotionFramework));

            this.ultraFormManager1 = new Infragistics.Win.UltraWinForm.UltraFormManager(this.components);

            this._CardView_UltraFormManager_Dock_Area_Left = new Infragistics.Win.UltraWinForm.UltraFormDockArea();

            this._CardView_UltraFormManager_Dock_Area_Right = new Infragistics.Win.UltraWinForm.UltraFormDockArea();

            this._CardView_UltraFormManager_Dock_Area_Top = new Infragistics.Win.UltraWinForm.UltraFormDockArea();

            this._CardView_UltraFormManager_Dock_Area_Bottom = new Infragistics.Win.UltraWinForm.UltraFormDockArea();

            this.MainPanel = new Infragistics.Win.Misc.UltraPanel();

            this.PanelCenter = new Infragistics.Win.Misc.UltraPanel();

            this.SplitterRight = new Infragistics.Win.Misc.UltraSplitter();

            this.PanelRight = new Infragistics.Win.Misc.UltraPanel();

            this.btnToggleAnimation = new Infragistics.Win.Misc.UltraButton();

            this.SplitterTop = new Infragistics.Win.Misc.UltraSplitter();

            this.PanelTop = new Infragistics.Win.Misc.UltraPanel();

            this.sampleInfo = new Infragistics.Extension.SampleInfoControl();

            ((System.ComponentModel.ISupportInitialize)(this.ultraFormManager1)).BeginInit();

            this.MainPanel.ClientArea.SuspendLayout();

            this.MainPanel.SuspendLayout();

            this.PanelCenter.SuspendLayout();

            this.PanelRight.ClientArea.SuspendLayout();

            this.PanelRight.SuspendLayout();

            this.PanelTop.ClientArea.SuspendLayout();

            this.PanelTop.SuspendLayout();

            this.SuspendLayout();

            // 

            // ultraFormManager1

            // 

            this.ultraFormManager1.Form = this;

            this.ultraFormManager1.FormStyleSettings.FormDisplayStyle = Infragistics.Win.UltraWinToolbars.FormDisplayStyle.StandardWithRibbon;

            this.ultraFormManager1.UseOsThemes = Infragistics.Win.DefaultableBoolean.False;

            // 

            // _CardView_UltraFormManager_Dock_Area_Left

            // 

            this._CardView_UltraFormManager_Dock_Area_Left.AccessibleRole = System.Windows.Forms.AccessibleRole.Grouping;

            this._CardView_UltraFormManager_Dock_Area_Left.BackColor = System.Drawing.SystemColors.Control;

            this._CardView_UltraFormManager_Dock_Area_Left.DockedPosition = Infragistics.Win.UltraWinForm.DockedPosition.Left;

            this._CardView_UltraFormManager_Dock_Area_Left.ForeColor = System.Drawing.SystemColors.ControlText;

            this._CardView_UltraFormManager_Dock_Area_Left.FormManager = this.ultraFormManager1;

            this._CardView_UltraFormManager_Dock_Area_Left.InitialResizeAreaExtent = 8;

            resources.ApplyResources(this._CardView_UltraFormManager_Dock_Area_Left, "_CardView_UltraFormManager_Dock_Area_Left");

            this._CardView_UltraFormManager_Dock_Area_Left.Name = "_CardView_UltraFormManager_Dock_Area_Left";

            // 

            // _CardView_UltraFormManager_Dock_Area_Right

            // 

            this._CardView_UltraFormManager_Dock_Area_Right.AccessibleRole = System.Windows.Forms.AccessibleRole.Grouping;

            this._CardView_UltraFormManager_Dock_Area_Right.BackColor = System.Drawing.SystemColors.Control;

            this._CardView_UltraFormManager_Dock_Area_Right.DockedPosition = Infragistics.Win.UltraWinForm.DockedPosition.Right;

            this._CardView_UltraFormManager_Dock_Area_Right.ForeColor = System.Drawing.SystemColors.ControlText;

            this._CardView_UltraFormManager_Dock_Area_Right.FormManager = this.ultraFormManager1;

            this._CardView_UltraFormManager_Dock_Area_Right.InitialResizeAreaExtent = 8;

            resources.ApplyResources(this._CardView_UltraFormManager_Dock_Area_Right, "_CardView_UltraFormManager_Dock_Area_Right");

            this._CardView_UltraFormManager_Dock_Area_Right.Name = "_CardView_UltraFormManager_Dock_Area_Right";

            // 

            // _CardView_UltraFormManager_Dock_Area_Top

            // 

            this._CardView_UltraFormManager_Dock_Area_Top.AccessibleRole = System.Windows.Forms.AccessibleRole.Grouping;

            this._CardView_UltraFormManager_Dock_Area_Top.BackColor = System.Drawing.SystemColors.Control;

            this._CardView_UltraFormManager_Dock_Area_Top.DockedPosition = Infragistics.Win.UltraWinForm.DockedPosition.Top;

            this._CardView_UltraFormManager_Dock_Area_Top.ForeColor = System.Drawing.SystemColors.ControlText;

            this._CardView_UltraFormManager_Dock_Area_Top.FormManager = this.ultraFormManager1;

            resources.ApplyResources(this._CardView_UltraFormManager_Dock_Area_Top, "_CardView_UltraFormManager_Dock_Area_Top");

            this._CardView_UltraFormManager_Dock_Area_Top.Name = "_CardView_UltraFormManager_Dock_Area_Top";

            // 

            // _CardView_UltraFormManager_Dock_Area_Bottom

            // 

            this._CardView_UltraFormManager_Dock_Area_Bottom.AccessibleRole = System.Windows.Forms.AccessibleRole.Grouping;

            this._CardView_UltraFormManager_Dock_Area_Bottom.BackColor = System.Drawing.SystemColors.Control;

            this._CardView_UltraFormManager_Dock_Area_Bottom.DockedPosition = Infragistics.Win.UltraWinForm.DockedPosition.Bottom;

            this._CardView_UltraFormManager_Dock_Area_Bottom.ForeColor = System.Drawing.SystemColors.ControlText;

            this._CardView_UltraFormManager_Dock_Area_Bottom.FormManager = this.ultraFormManager1;

            this._CardView_UltraFormManager_Dock_Area_Bottom.InitialResizeAreaExtent = 8;

            resources.ApplyResources(this._CardView_UltraFormManager_Dock_Area_Bottom, "_CardView_UltraFormManager_Dock_Area_Bottom");

            this._CardView_UltraFormManager_Dock_Area_Bottom.Name = "_CardView_UltraFormManager_Dock_Area_Bottom";

            // 

            // MainPanel

            // 

            // 

            // MainPanel.ClientArea

            // 

            this.MainPanel.ClientArea.Controls.Add(this.PanelCenter);

            this.MainPanel.ClientArea.Controls.Add(this.SplitterRight);

            this.MainPanel.ClientArea.Controls.Add(this.PanelRight);

            this.MainPanel.ClientArea.Controls.Add(this.SplitterTop);

            this.MainPanel.ClientArea.Controls.Add(this.PanelTop);

            resources.ApplyResources(this.MainPanel, "MainPanel");

            this.MainPanel.Name = "MainPanel";

            // 

            // PanelCenter

            // 

            this.PanelCenter.BorderStyle = Infragistics.Win.UIElementBorderStyle.None;

            resources.ApplyResources(this.PanelCenter, "PanelCenter");

            this.PanelCenter.Name = "PanelCenter";

            // 

            // SplitterRight

            // 

            this.SplitterRight.BackColor = System.Drawing.SystemColors.Control;

            resources.ApplyResources(this.SplitterRight, "SplitterRight");

            this.SplitterRight.Name = "SplitterRight";

            this.SplitterRight.RestoreExtent = 250;

            // 

            // PanelRight

            // 

            this.PanelRight.AutoScroll = true;

            this.PanelRight.BorderStyle = Infragistics.Win.UIElementBorderStyle.None;

            // 

            // PanelRight.ClientArea

            // 

            this.PanelRight.ClientArea.Controls.Add(this.btnToggleAnimation);

            resources.ApplyResources(this.PanelRight, "PanelRight");

            this.PanelRight.Name = "PanelRight";

            // 

            // btnToggleAnimation

            // 

            resources.ApplyResources(this.btnToggleAnimation, "btnToggleAnimation");

            this.btnToggleAnimation.Name = "btnToggleAnimation";

            this.btnToggleAnimation.ShowFocusRect = false;

            // 

            // SplitterTop

            // 

            this.SplitterTop.BackColor = System.Drawing.SystemColors.Control;

            resources.ApplyResources(this.SplitterTop, "SplitterTop");

            this.SplitterTop.Name = "SplitterTop";

            this.SplitterTop.RestoreExtent = 100;

            // 

            // PanelTop

            // 

            this.PanelTop.BorderStyle = Infragistics.Win.UIElementBorderStyle.None;

            // 

            // PanelTop.ClientArea

            // 

            this.PanelTop.ClientArea.Controls.Add(this.sampleInfo);

            resources.ApplyResources(this.PanelTop, "PanelTop");

            this.PanelTop.Name = "PanelTop";

            this.PanelTop.Tag = "Top";

            // 

            // sampleInfo

            // 

            resources.ApplyResources(this.sampleInfo, "sampleInfo");

            this.sampleInfo.BackColor = System.Drawing.Color.Transparent;

            this.sampleInfo.Name = "sampleInfo";

            this.sampleInfo.SampleCodeCSharp = resources.GetString("sampleInfo.SampleCodeCSharp");

            this.sampleInfo.SampleCodeVBasic = null;

            this.sampleInfo.SampleDescription = null;

            this.sampleInfo.SampleTitle = "Code Viewer";

            // 

            // MotionFramework

            // 

            resources.ApplyResources(this, "$this");

            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Dpi;

            this.Controls.Add(this.MainPanel);

            this.Controls.Add(this._CardView_UltraFormManager_Dock_Area_Left);

            this.Controls.Add(this._CardView_UltraFormManager_Dock_Area_Right);

            this.Controls.Add(this._CardView_UltraFormManager_Dock_Area_Top);

            this.Controls.Add(this._CardView_UltraFormManager_Dock_Area_Bottom);

            this.Name = "MotionFramework";

            ((System.ComponentModel.ISupportInitialize)(this.ultraFormManager1)).EndInit();

            this.MainPanel.ClientArea.ResumeLayout(false);

            this.MainPanel.ResumeLayout(false);

            this.PanelCenter.ResumeLayout(false);

            this.PanelRight.ClientArea.ResumeLayout(false);

            this.PanelRight.ResumeLayout(false);

            this.PanelTop.ClientArea.ResumeLayout(false);

            this.PanelTop.ClientArea.PerformLayout();

            this.PanelTop.ResumeLayout(false);

            this.ResumeLayout(false);

  

        }

  

        #endregion

  

        private Infragistics.Win.UltraWinForm.UltraFormManager ultraFormManager1;

        private Infragistics.Win.UltraWinForm.UltraFormDockArea _CardView_UltraFormManager_Dock_Area_Left;

        private Infragistics.Win.UltraWinForm.UltraFormDockArea _CardView_UltraFormManager_Dock_Area_Right;

        private Infragistics.Win.UltraWinForm.UltraFormDockArea _CardView_UltraFormManager_Dock_Area_Top;

        private Infragistics.Win.UltraWinForm.UltraFormDockArea _CardView_UltraFormManager_Dock_Area_Bottom;

        private Infragistics.Win.Misc.UltraPanel MainPanel;

        private Infragistics.Win.Misc.UltraSplitter SplitterTop;

        private Infragistics.Win.Misc.UltraPanel PanelTop;

        private Infragistics.Win.Misc.UltraSplitter SplitterRight;

        private Infragistics.Win.Misc.UltraPanel PanelRight;

        private Infragistics.Win.Misc.UltraPanel PanelCenter;

        private SampleInfoControl sampleInfo;

        private Win.Misc.UltraButton btnToggleAnimation;

    }

}

Summary

The UltraDataChart is a powerful charting control, enabling users to browse and interact with data in a much richer way using zooming, inter-chart synchronization and tooltips. With a variety of series types and built-in trendlines, it’s fully capable of handing your charting scenarios. Talk to users of your applications and ask them where they can benefit from browsing their data in a visual way.

The Infragistics Windows Forms Data Visualization controls also offer a wide range of options to create almost any dashboard that you need. In this post we discussed how to use Infragistics UltraDataChart , but you can see samples of how to use any of other data visualization components on the Infragistics Windows Forms Samples Browser. There, you'll find detailed information about the control and its features and how to configure its separate parts in the API documentation as well as the online help documentation.

To play around with the Infragistics Windows Forms dashboards on your own, be sure to get Infragistics Ultimate and see the chart in action in our latest sample application by clicking the banner below!