DevExpress chartControl 数据绑定

article/2025/11/5 18:11:10

DevExpress chartControl 数据绑定

  • chartControl 数据绑定
    • ChartControl直接绑定
    • Series 绑定
    • 例程附件

chartControl 数据绑定

这里介绍两种绑定方式ChartControl直接绑定以及ChartControl里的series绑定

ChartControl直接绑定

通过chartControl的DataSource属性直接bingdings,DateSouce可以是实体list或者dataTable,按个人需求添加,这里用dataTable。
这里用数据库access做例程, 数据表结构比较简单,数据库名Database.mdb,文件置于程序根目录下,如下:
在这里插入图片描述
dataSet初始化代码,

        private string txtConn ;private OleDbConnection dConnection;private  DataSet dSet;private  OleDbDataAdapter dAdapter;private void InitializeOledObject(){txtConn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=.\\Database.mdb";dConnection = new OleDbConnection(txtConn);string txtCommand = "SELECT * FROM DataRecord order by time asc";dAdapter = new OleDbDataAdapter(txtCommand, dConnection);OleDbCommandBuilder combuilder = new OleDbCommandBuilder(dAdapter);combuilder.QuotePrefix = "[";//此两句是为了排除执行Update命令时提示“insert into语法错误”combuilder.QuoteSuffix = "]";dAdapter.InsertCommand = combuilder.GetInsertCommand();dAdapter.UpdateCommand = combuilder.GetUpdateCommand();dAdapter.DeleteCommand = combuilder.GetDeleteCommand();dSet = new DataSet();dAdapter.Fill(dSet);}

chart控件运行时添加,代码如下

			DevExpress.XtraCharts.ChartControl chartControl1 = new DevExpress.XtraCharts.ChartControl();    DevExpress.XtraCharts.SplineSeriesView splineSeriesView1 = new DevExpress.XtraCharts.SplineSeriesView();chartControl1.BeginInit();chartControl1.Dock = System.Windows.Forms.DockStyle.Fill;chartControl1.Location = new Point(0, 0);chartControl1.Parent = this;//手动生成Diagram,因为需要设置时间x坐标轴聚合单位,及开启缩放支持DevExpress.XtraCharts.XYDiagram xyDiagram1 = new DevExpress.XtraCharts.XYDiagram();  xyDiagram1.AxisX.DateTimeScaleOptions.MeasureUnit = DevExpress.XtraCharts.DateTimeMeasureUnit.Second;xyDiagram1.AxisX.DateTimeScaleOptions.ScaleMode = DevExpress.XtraCharts.ScaleMode.Manual;xyDiagram1.EnableAxisXScrolling = true;xyDiagram1.EnableAxisXZooming = true;chartControl1.Diagram = xyDiagram1;//数据源绑定dataSet里的dataTablechartControl1.DataSource = dSet.Tables[0];//自动生成的series的x值对应数据库time字段chartControl1.SeriesTemplate.ArgumentDataMember = "time";//自动生成的series的Y值对应数据库temperature字段,部分series类型y值需要指定两个值,这里默认line series 只add一个字段就好chartControl1.SeriesTemplate.ValueDataMembers.AddRange("temperature");//chart dataSource数据绑定可根据SeriesDataMember,用以数据归类,生成series,可生成多条serieschartControl1.SeriesTemplate.SeriesDataMember = "dataRecordId";//设置series类型为线图chartControl1.SeriesTemplate.View = splineSeriesView1;chartControl1.Legend.MarkerMode = DevExpress.XtraCharts.LegendMarkerMode.CheckBoxAndMarker;//Legend label 格式化chartControl1.SeriesTemplate.LegendTextPattern = "测试Id:{S}";//corssHair label 格式化chartControl1.SeriesTemplate.CrosshairLabelPattern = "{A:yyyy-MM-dd H:mm:ss}: {V:F2}";chartControl1.EndInit();

数据库中假数据35000条数据,共生成series11条,运行显示如下:
在这里插入图片描述

Series 绑定

当只有一条series需要绑定,不需要生成个多条时,可直接直接series 绑定,设置datasource、ValueDataMembers及ArgumentDataMember即可

			//手动生成一条seriesDevExpress.XtraCharts.Series series1 = new DevExpress.XtraCharts.Series();DevExpress.XtraCharts.ChartControl chartControl1 = new DevExpress.XtraCharts.ChartControl();DevExpress.XtraCharts.SplineSeriesView splineSeriesView1 = new DevExpress.XtraCharts.SplineSeriesView();chartControl1.BeginInit();chartControl1.Dock = System.Windows.Forms.DockStyle.Fill;chartControl1.Location = new Point(0, 0);chartControl1.Parent = this;DevExpress.XtraCharts.XYDiagram xyDiagram1 = new DevExpress.XtraCharts.XYDiagram();xyDiagram1.AxisX.DateTimeScaleOptions.MeasureUnit = DevExpress.XtraCharts.DateTimeMeasureUnit.Second;xyDiagram1.AxisX.DateTimeScaleOptions.ScaleMode = DevExpress.XtraCharts.ScaleMode.Manual;xyDiagram1.AxisY.GridLines.Visible = false;xyDiagram1.AxisY.Interlaced = true;xyDiagram1.EnableAxisXScrolling = true;xyDiagram1.EnableAxisXZooming = true;chartControl1.Diagram = xyDiagram1;//series 绑定series1.DataSource = dSet.Tables[0];series1.ArgumentDataMember = "time";series1.ValueDataMembers.AddRange("temperature");chartControl1.Legend.MarkerMode = DevExpress.XtraCharts.LegendMarkerMode.CheckBoxAndMarker;series1.LegendTextPattern = "测试Id:{S}";series1.View = splineSeriesView1;series1.CrosshairLabelPattern = "{A:yyyy-MM-dd H:mm:ss}: {V:F2}";//series添加到chart控件中chartControl1.Series.Add(series1);chartControl1.EndInit();

在这里插入图片描述

例程附件

链接: link.


http://chatgpt.dhexx.cn/article/BU6NRjIn.shtml

相关文章

DevExpress ChartControl 实现多轴

先看成图 如果是您需要的效果,请往后看: //曲线 Color[] Colorlist new Color[7] { Color.FromArgb(255, 79, 129, 189), Color.FromArgb(255, 192, 80, 77), Color.FromArgb(255, 155, 187, 89), Color.FromArgb(255, 128, 100, 162), Col…

chartControl

关键代码&#xff1a; /// <summary>/// 设置X轴Title/// </summary>/// <param name"chart">ChartControl</param>/// <param name"titleText">Title文字</param> /// <param name"titleColor">Titl…

Dev ChartControl

1、ChartControl 绘制曲线图&#xff0c;横坐标表示距离起点距离&#xff0c;纵坐标表示高程&#xff0c;均为double类型值&#xff0c;定义一个数据源的类。 /// <summary>/// 画图控件数据源/// </summary>public class ChartDatasource{/// <summary>/// …

ChartControl控件

ChartControl控件 ChartControl控件是一个可视化的图表控件&#xff0c;它支持你能想到的所有图形。用于对统计数据的可视化显示。最近我摸索了PivotGridControl控件与ChartControl控件的配合使用。本文简单的描述一下ChartControl控件。 常用的图表类型 通过代码设置图形 //条…

DevExpress中使用ChartControl绘制折线图和导出图表为Excel文件

一、实现效果 ①手动创建线性图表(添加图表标题) ②绘制单条线性图(可实现设置X和Y轴名称、绑定数据、缩放、复选框勾选是否显示、查看指定点信息) ③绘制多条线性图可实现设置X和Y轴名称、绑定数据、缩放、复选框勾选是否显示、查看指定点信息) ④导出图表为Excel 二、…

DEV控件之ChartControl用法

一、总体概述 这个控件包含3层&#xff0c;最外面的chartControl层、中间的XYDiagram层、最里面的Series层。功能非常强大&#xff0c;但同时使用起来也相对复杂&#xff0c;需要各个层之间相互协调设置才能达到自己想要的效果。 二、chartControl层 像DEV的其它控件一样&#…

C# DevExpress组件 - ChartControl图表控件

C# DevExpress组件 - ChartControl图表控件学习-整体感知&#xff08;一&#xff09; 1 逻辑框架图梳理 以逻辑框架图&#xff0c;进行代码验证 2 代码实现 2.1 实现内容 代码实现&#xff1a;添加一个ChartControl图表控件&#xff0c;并提供显示三个变量显示在三个位置 …

C# DevExpress ChartControl用法总结

C# DevExpress ChartControl用法总结 ₯近期使用C#DevExpress制作看板时用到过的ChartControl中的相关图表&#xff0c;在此做个记录&#xff08;未完&#xff09;。 1、Bar&#xff08;柱形图&#xff09; Series series1 new Series("日期", ViewType.Bar) …

DevExpress chartControl 基本结构说明

chartControl 使用教程及chart数据绑定 DevExpress说明ChartControl 结构series 主要Diagram 主要Chart TitlesLegendsAnnotations DevExpress说明 DevExpress是一个功能强大的跨平台控件库&#xff0c;支持winform、VB、WPF、UWP、asp等等&#xff0c; chart图是软件开发中常…

Dev中ChartControl——属性熟悉与简单应用

图表元素之间的关系&#xff1a; 根据DevExpress帮助文档中描述&#xff1a; 创建点图&#xff1a; 1、创建图表 /// <summary> /// 创建图表 /// </summary> private void CreatChart() {// Create a new chart.图表控件ChartControl pointChart new ChartCon…

运用getParameterNames()方法和getParameterValues()方法获取请求参数名称和内容

一.例子代码&#xff1a; 填写信息页面&#xff1a; <!DOCTYPE html> <html> <head> <meta charset"UTF-8"> <title>Insert title here</title> </head> <body> <form action"request_demo04.jsp" m…

使用 String[] values = request.getParameterValues(key);出现的问题 ,Ajax Post 提交数组参数后台无法接收

ajax向服务器提交数组参数多了一个中括号 String[] values request.getParameterValues(key); $.post({}) 直接传递数组会导致如下情况 // 使用一下js会导致如图这种情况var ids [];$(input[name"ids"]:checked).each(function(){ids.push($(this).val());})$.po…

springboot 防止xss 和sql 注入 改写 http 请求 getParameter,getParameterValues,getHeader等方法 有点东西

目录 1.springboot 启动类 引入 过滤器配置 2.过滤器 3.XssAndSqlHttpServletRequestWrapper包装器 包装类 4.修改验证登录代码 这里只写了基础的 了解意思即可 5.测试内容 6.测试结果 7.反黑客小介绍&#xff08;黑客大哥们好小弟这没啥大用O(∩_∩)O~&#xff0c;但…

java web中request.getParameterValues()和request.getParameter()异同

JavaWeb中获取表单的多行值采用request.getParameterValues(&#xff09;方法&#xff0c;request.getParameter()方法获取单个值 <!DOCTYPE html> <html lang"zh_CN"> <head><meta charset"UTF-8"><title>Title</title…

Jsp中getParameter、getParameterValues、getParameterNames和getParameterMap用法详解

以下是一个简单的jsp注册页面&#xff0c;从前端提交的数据 <% page language"java" import"java.util.*" pageEncoding"UTF-8"%> <% String path request.getContextPath(); String basePath request.getScheme()"://"re…

req.getParameterValues 输出前端乱码

前端页面 <% page contentType"text/html;charsetUTF-8" language"java" %> <html> <head><title>登录</title> </head> <body> <% page pageEncoding"UTF-8" %> <div style"text-ali…

jsp内置对象request——getParameterValues的使用

文章目录 前言一、getParameterValues是什么二、使用步骤 1.通过表单传入2.使用数组存取读入表单结果总结 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、getParameterValues是什么 当控件中有多个选项时&#xff0c;要取到所有值可调用该方法&am…

initWithFormat 和stringWithFormat的区别

差别&#xff1a; 1、initWithFormat是实例办法 只能经由过程 NSString* str [[NSString alloc] initWithFormat:&#xff20;"&#xff05;&#xff20;"&#xff0c;&#xff20;"Hello World"] 调用&#xff0c;然则必须手动release来开释内存资料 2、…

C# string Format

使用C#格式化字符串 转载自博客园&#xff0c;原文连接&#xff1a;https://www.cnblogs.com/FlyingBread/archive/2007/01/18/620287.html&#xff0c;向原文作者献上敬意 1 前言 如果你熟悉Microsoft Foundation Classes&#xff08;MFC&#xff09;的CString&#xff0c;…

NSString函数stringWithFormat与stringWithString的比较

我们经常会初始化一些string使用NSString的stringWithString函数 但使用时发现了一个stringWithString的问题&#xff0c;如图 当参数是nil时&#xff0c;stringWithString会crash&#xff0c;所以使用时必须验证参数不是nil 相比较stringWithFormat就不会crash但返回的str也…