C# DevExpress组件 - ChartControl图表控件学习-整体感知（一）

1 逻辑框架图梳理

以逻辑框架图，进行代码验证

2 代码实现

2.1 实现内容

代码实现：添加一个ChartControl图表控件，并提供显示三个变量显示在三个位置

2.2 初始界面配置

添加一个menustrip组件，并防止顶部，界面如下：

双击：添加一个ChartControl控件按钮，编写添加相关程序

2.3 代码

using DevExpress.XtraCharts;
using System;
using System.Windows.Forms;namespace chartcontrolText
{public partial class Form1 : DevExpress.XtraEditors.XtraForm{public Form1(){InitializeComponent();}private void 添加一个ChartControl控件ToolStripMenuItem_Click(object sender, EventArgs e){#region//////ChartControl对象：chartControl1///ChartControl chartControl1 = new ChartControl();chartControl1.Parent = this;chartControl1.Dock = DockStyle.Fill;//////XYDiagram对象：xyDiagram1///XYDiagram xyDiagram1 = new XYDiagram();//////XYDiagramPane对象：xyDiagramPane1///XYDiagramPane xyDiagramPane1 = new XYDiagramPane();XYDiagramPane xyDiagramPane2 = new XYDiagramPane();//////将XYDiagramPane对象：xyDiagramPane1，添加到XYDi中agram对象：xyDiagram1///xyDiagram1.Panes.AddRange(new XYDiagramPane[] { xyDiagramPane1, xyDiagramPane2 });//////Series对象：series1///Series series1 = new Series();Series series2 = new Series();Series series3 = new Series();//////将Series对象：series1，添加到ChartControl对象：chartControl1///chartControl1.SeriesSerializable = new Series[] { series1, series2, series3 };//////xxxSeriesView系列视图对象：lineSeriesView1///LineSeriesView lineSeriesView1 = new LineSeriesView();LineSeriesView lineSeriesView2 = new LineSeriesView();LineSeriesView lineSeriesView3 = new LineSeriesView();//////将xxxSeriesView系列视图对象：lineSeriesView1，绑定到对应的系列对象中，即指定系列的系列视图类型///series1.View = lineSeriesView1;series2.View = lineSeriesView2;series3.View = lineSeriesView3;//////以下是必不可少的，如果没有，chartControl1.Diagram = xyDiagram1;语句会报错///语句数量由：ChartControl对象个数、Series对象个数、xxxSeriesView系列视图对象个数决定///((System.ComponentModel.ISupportInitialize)(chartControl1)).BeginInit();((System.ComponentModel.ISupportInitialize)(xyDiagram1)).BeginInit();((System.ComponentModel.ISupportInitialize)(xyDiagramPane1)).BeginInit();((System.ComponentModel.ISupportInitialize)(xyDiagramPane2)).BeginInit();((System.ComponentModel.ISupportInitialize)(series1)).BeginInit();((System.ComponentModel.ISupportInitialize)(lineSeriesView1)).BeginInit();((System.ComponentModel.ISupportInitialize)(series2)).BeginInit();((System.ComponentModel.ISupportInitialize)(lineSeriesView2)).BeginInit();((System.ComponentModel.ISupportInitialize)(series3)).BeginInit();((System.ComponentModel.ISupportInitialize)(lineSeriesView3)).BeginInit();//////将XYDiagramPane对象：xyDiagramPane1，添加到ChartControl对象：chartControl1中///chartControl1.Diagram = xyDiagram1;//////为具体的XY图表板添加具体的数据，即让指定的Series对象显示在具体的XY图面板中///xyDiagramPane1.Name = "Pane_1";xyDiagramPane2.Name = "Pane_2";lineSeriesView2.PaneName = xyDiagramPane1.Name;lineSeriesView3.PaneName = xyDiagramPane2.Name;#endregion}}
}

2.4 执行结果

3 出错点分析

（１）
初始代码编写过程无如下代码：

在执行时出错：

当加入后就可解决该问题

（２）
当未对xyDiagramPane1对象指定Ｎａｍｅ属性时，即无如下代码

xyDiagramPane1.Name = "Pane_1";
xyDiagramPane2.Name = "Pane_2";

而是直接进行指定lineSeriesView2的PaneName 时

 lineSeriesView2.PaneName = xyDiagramPane1.Name;lineSeriesView3.PaneName = xyDiagramPane2.Name;

会出现未绑定ｓｅｒｉｅｓ实例数据的空ＸＹ图表面板，如下：

C# DevExpress组件 - ChartControl图表控件相关推荐

C# WPF图表控件之ChartControl用法指南①
" 引言部分,总领全篇文章的中心内容." WPF的DevExpress ChartControl是一种功能强大的可视化工具,可帮助您将数据显示为二维或伪三维条形图.区域.线和许多其 ...
DevExpress WinForms使用教程：图表控件 - 内置深入查询
[DevExpress WinForms v18.2下载] 在最新发布的DevExpress WinForms v18.2中,DevExpress WinForms和ASP.NET图表控件引入嵌套系列 ...
DevExpress 组件源代码,图表、报告、数据透视表
DevExpress 组件源代码,图表.报告.数据透视表 DevExpress WinForms 订阅附带一整套受 Office 启发的用户界面组件.从我们屡获殊荣的数据网格和功能区到我们的 Exce ...
跨平台图表控件TeeChart使用教程:导入XML数据
2019独角兽企业重金招聘Python工程师标准>>> TeeChart的最新版中包含了一个自动加载XML数据的新组件.这个组件的名字叫做TTeeXMLSource,用户可以在Tee ...
三款ActiveX图表控件对比评测 TeeChart VS ProEssentials…
概述:本文分别对几款优秀的ActiveX图表控件:TeeChart Pro ActiveX.ProEssentials.ChartDirector作了优势分析,对比评测,希望对用户的图表选型有所帮助. ...
wpf 图表控件_LightningChart为外汇衍生品交易商提供数据可视化图表支持
今天,我在这里介绍一下Arction的LightningChart图表控件在外汇和外汇衍生品交易中的应用. FXVolQuant作为外汇交易商的前沿数据驱动平台,由kuma.capital开发和维护, ...
devexpress能开发出html,DevExpress推出HTML5 JavaScript控件集
你是否正在创建传统的网站.基于移动平板电脑的应用程序.又或是用WinJS创建桌面应用程序,现在DevExpress在2013年初推出HTML5& JavaScript工具集,这个高性能的数据可 ...
OxyPlot.Wpf 图表控件使用备忘
OxyPlot.Wpf 图表控件使用备忘目录 OxyPlot.Wpf 图表控件使用备忘一.OxyPlot.Wpf 控件信息二.基本概念 (一) PlotView 和 Plot (二) PlotM ...
Arction图表控件LightningChart振动分析可以检测什么？
LightningChart是优化了GPU加速,硬件性能的制图组件,用于实时呈现超过10亿个数据点的海量数据.同时LightningChart是为了处理实时数据采集和处理而开发的,可有效利用CPU和内 ...
强大的Winform Chart图表控件使用说明
强大的Winform Chart图表控件使用说明引言使用说明使用示例资料引言以前经常开发网页端的软件,图表组件一般用echart,功能和样式都非常齐全.但是当用winform开发时,类似的 ...

C# DevExpress组件 - ChartControl图表控件