DevExpress之ChartControl用法实例总结

DevExpress中的ChartControl顾名思义就是数据基于图表展示,其关键在于Series上的处理。本文实例展示了ChartControl的用法,具体内容如下:

主要功能代码部分如下:

using System;
using System.Drawing;
using DevExpress.XtraCharts;

namespace DevExpressUtilHelpV3
{
  public static class ChartToolV3
  {
    /// <summary>
    /// 创建Series
    /// </summary>
    /// <param name="chat">ChartControl</param>
    /// <param name="seriesName">Series名字『诸如:理论电量』</param>
    /// <param name="seriesType">seriesType『枚举』</param>
    /// <param name="dataSource">数据源</param>
    /// <param name="xBindName">ChartControl的X轴绑定</param>
    /// <param name="yBindName">ChartControl的Y轴绑定</param>
    public static void CreateSeries(this ChartControl chat, string seriesName, ViewType seriesType, object dataSource, string xBindName, string yBindName)
    {
      CreateSeries(chat, seriesName, seriesType, dataSource, xBindName, yBindName, null);
    }
    /// <summary>
    /// 创建Series
    /// </summary>
    /// <param name="chat">ChartControl</param>
    /// <param name="seriesName">Series名字『诸如:理论电量』</param>
    /// <param name="seriesType">seriesType『枚举』</param>
    /// <param name="dataSource">数据源</param>
    /// <param name="xBindName">ChartControl的X轴绑定</param>
    /// <param name="yBindName">ChartControl的Y轴绑定</param>
    /// <param name="createSeriesRule">Series自定义『委托』</param>
    public static void CreateSeries(this ChartControl chat, string seriesName, ViewType seriesType, object dataSource, string xBindName, string yBindName, Action<Series> createSeriesRule)
    {
      if (chat == null)
        throw new ArgumentNullException("chat");
      if (string.IsNullOrEmpty(seriesName))
        throw new ArgumentNullException("seriesType");
      if (string.IsNullOrEmpty(xBindName))
        throw new ArgumentNullException("xBindName");
      if (string.IsNullOrEmpty(yBindName))
        throw new ArgumentNullException("yBindName");

      Series _series = new Series(seriesName, seriesType);
      _series.ArgumentScaleType = ScaleType.Qualitative;
      _series.ArgumentDataMember = xBindName;
      _series.ValueDataMembers[0] = yBindName;

      _series.DataSource = dataSource;
      if (createSeriesRule != null)
        createSeriesRule(_series);
      chat.Series.Add(_series);
    }

  }
}

代码使用示例如下:

public Form1()
{
  InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
  DataTable _dt = CreateTestDB();
  chartControl1.CreateSeries("理论功率", ViewType.Spline, _dt, "time", "Power");
  chartControl1.CreateSeries("实际功率", ViewType.Spline, _dt, "time", "ActulPower");
}
/// <summary>
/// 准备数据源
/// </summary>
/// <returns>DataTable</returns>
private DataTable CreateTestDB()
{
  DataTable _testData = new DataTable();
  _testData.Columns.Add(new DataColumn("time", typeof(string)));
  _testData.Columns.Add(new DataColumn("Power", typeof(decimal)));
  _testData.Columns.Add(new DataColumn("ActulPower", typeof(decimal)));
  Random _rm = new Random();
  for (int i = 0; i < 24; i++)
  {
 DataRow _drNew = _testData.NewRow();
 _drNew["time"] = string.Format("{0}点", i);
 _drNew["Power"] = 250;
 _drNew["ActulPower"] = _rm.Next(220, 245);
 _testData.Rows.Add(_drNew);
  }
  return _testData;
}

上述代码运行效果如下图所示:

(0)

相关推荐

  • 在 Express 中使用模板引擎

    需要在应用中进行如下设置才能让 Express 渲染模板文件: views, 放模板文件的目录,比如: app.set('views', './views') view engine, 模板引擎,比如: app.set('view engine', 'jade') 然后安装相应的模板引擎 npm 软件包. $ npm install jade --save 和 Express 兼容的模板引擎,比如 Jade,通过 res.render() 调用其导出方法 __express(filePath,

  • NodeJS框架Express的模板视图机制分析

    模板引擎 Express支持许多模板引擎,常用的有: haml 的实现Haml haml.js 接替者,同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染(view randering) 视图的文件名默认需遵循"<name>.<engine>"的形式,这里<engine>是要被加载的模块的名字.比如视图layout

  • express的中间件cookieParser详解

    cookieParser中间件用于获取web浏览器发送的cookie中的内容.在使用了cookieParser中间件后, 代表客户端请求的htto.IncomingMessage对象就具有了一个cookies属性,该属性之为一个对象的数组, 其中存放了所有web浏览器发送的cookie,每一个cookie为cookies属性值数组中的一个对象. index.html代码: 复制代码 代码如下: <!DOCTYPE html>  <html>  <head lang="

  • 在WIN7下安装和配置SQL Server 2005 Express Edition(精简版)

    折腾了一下午,终于把SQL Server 2005 Express Edition装好,鉴于出现了各种问题,所以把过程写下来. 首先,下载两个文件: ①SQL Server 2005 Express Edition 下载地址:http://files.jb51.net/file_images/article/201501/2015010313472645.aspx ②SQLServer2005_SSMSEE.msi 下载地址:http://files.jb51.net/file_images/a

  • node+express+jade制作简单网站指南

    1.建立工程文件夹:my_jade 2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去. 3.建立相关的文件夹和文件. index.js: style.css gys.jade代码: index.jade: layout.jade app.js 运行app.js:node app.js; 在浏览器中预览: 在看一个不使用页面布局的例子: 修改index.js 修改app.js 运行app.js在浏览器中预览: 单击提交 会触发ajax. .本文就先到这里

  • C#之Expression表达式树实例

    本文实例讲述了C#之Expression表达式树,分享给大家供大家参考.具体实现方法如下: 表达式树表示树状数据结构的代码,树状结构中的每个节点都是一个表达式,例如一个方法调用或类似 x < y 的二元运算 1.利用 Lambda 表达式创建表达式树 复制代码 代码如下: Expression<Func<int, int, int, int>> expr = (x, y, z) => (x + y) / z; 2.编译表达式树,该方法将表达式树表示的代码编译成一个可执行

  • express的中间件bodyParser详解

    bodyParser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理. 下面是一个文件上传的例子. 建立一个1.html页面 复制代码 代码如下: <!DOCTYPE html>  <html>  <head lang="en">      <meta charset="UTF-8">      <title>向服务器上传文件</title>

  • Nodejs+express+html5 实现拖拽上传

    一.前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传.给用户体验带来很大问题.html5开始支持拖拽上传的需要的api.nodejs也是一个最近越来越流行的技术,这也是自己第一次接触nodejs,在nodejs开发中,最常用的开发框架之一是expess,它是一个类似mvc模式的框架.结合html5.nodejs express实现了拖拽上传的功能. 二.基础知识普及 1.NodeJs基础知识 nodejs简单来说就是一个可以让j

  • DevExpress之TreeList用法实例总结

    本文实例总结了DevExpress之TreeList用法,希望对大家学习C#程序设计起到一定的帮助作用.具体实例如下: using System; using System.Collections.Generic; using System.Drawing; using System.Windows.Forms; using DevExpress.XtraBars; using DevExpress.XtraTreeList; using DevExpress.XtraTreeList.Node

  • DevExpress之SplashScreen用法实例

    本文实例展示了DevExpress中SplashScreen的用法,对于C#初学者来说有一定的参考借鉴价值,具体用法如下: 关键代码部分如下: using DevExpress.XtraSplashScreen; using System; namespace DevExpressUtilHelpV3 { /// <summary> /// 基于.NET 3.0的 SplashScreen工具类 /// </summary> public static class SplashSc

  • node+express+ejs制作简单页面上手指南

    1.建立工程文件夹my_ejs. 2.首先利用npm install express和npm install ejs 下载这两个家伙.至于要不要设置成全局的,看习惯,我习惯性的下载到本项目中的文件夹中my_ejs. 然后建立相应的文件: index.js: form.ejs: index.ejs app.js: 开始运行app.js node app.js,然后再浏览器端访问:localhost:1337 单击发表文章: 点击发表,跳转到首页. 好了到此为止,一个简易的"网站"算是出来

  • 正则表达式Regular Expression (RegExp)详解

    正则表达式,又称正规表示式.正规表示法.正规表达式.规则表达式.常规表示法(英语:Regular Expression,在代码中常简写为regex.regexp或RE). 正则表达式使用单个字符串来描述.匹配一系列符合某个句法规则的字符串.在很多文本编辑器里,正则表达式通常被用来检索.替换那些符合某个模式的文本. 一.字符类 1.字符类:可以匹配他所包含的任意字符 eg:/[abc]/和字母"a"."b"."c"中的任意一个匹配 2.否定字符类:

随机推荐