DevExpress ChartControl 折线图简单使用

article/2025/11/5 18:11:06

c# DevExpress ChartControl 折线图简单使用

  • DevExpress ChartControl折线图简单使用

DevExpress ChartControl折线图简单使用

1、界面放一个panel控件
2、定义一个DataTable 存储数据
3、获取数据后放在DataTable

DataTable 定义:
DataTable res_data = new DataTable();
res_data.Columns.Add(“id”, Type.GetType(“System.Int32”));
res_data.Columns.Add(“ljbh”, Type.GetType(“System.String”));
res_data.Columns.Add(“sbbh”, Type.GetType(“System.String”));
res_data.Columns.Add(“cpxh”, Type.GetType(“System.String”));
res_data.Columns.Add(“qb”, Type.GetType(“System.String”));
res_data.Columns.Add(“chazhi”, Type.GetType(“System.Double”));
res_data.Columns.Add(“chazhi_lilun”, Type.GetType(“System.Double”));
res_data.Columns.Add(“rq”, Type.GetType(“System.String”));

//由于数据中的日期颗粒度太粗,所以有可能存在重复的,重复的devexpress控件会自动取平均值,不符合我的要求。所以我把X坐标修改为ID数值了。
private void display_Line(){ChartControl lineChart = new ChartControl();Series series1 = new Series("差值趋势图", ViewType.Line);ArrayList al_scz1 = new ArrayList();for (int i = 0; i < res_data.Rows.Count; i++){al_scz1.Add(Convert.ToDouble(res_data.Rows[i]["chazhi"].ToString()));}al_scz1.Sort();double tenp = Convert.ToDouble(al_scz1[al_scz1.Count - 1].ToString());double max_scz1 = tenp < 0 ? tenp / 3 : tenp * 3;double min_scz1 = Convert.ToDouble(al_scz1[0].ToString()) * 3;for (int i = 0; i < res_data.Rows.Count; i++){//DateTime aa = Convert.ToDateTime(res_data.Rows[i]["rq"].ToString());int aa = Convert.ToInt32(res_data.Rows[i]["id"].ToString());string scz1 = res_data.Rows[i]["chazhi"].ToString();series1.Points.Add(new SeriesPoint(aa, scz1));}lineChart.Series.Add(series1);series1.ArgumentScaleType = ScaleType.Numerical;AxisRange DIA = (AxisRange)((XYDiagram)lineChart.Diagram).AxisY.Range;XYDiagram diagram = (XYDiagram)lineChart.Diagram;diagram.AxisX.Title.Alignment = StringAlignment.Center;diagram.AxisX.Title.Text = "加工时间";diagram.AxisX.Title.Font = new Font("Tahoma", 14, FontStyle.Bold);DIA.SetMinMaxValues(min_scz1, max_scz1);diagram.AxisY.Title.Alignment = StringAlignment.Center;diagram.AxisY.Title.Text = "标准坐标和实际坐标差值";diagram.AxisY.Title.Font = new Font("Tahoma", 14, FontStyle.Bold);((XYDiagram)lineChart.Diagram).EnableAxisXZooming = true;lineChart.Titles.Add(new ChartTitle());lineChart.Titles[0].Text = "实际差值趋势图";lineChart.Dock = DockStyle.Fill;lineChart.Refresh();this.panel1.Controls.Add(lineChart);}

效果图:
在这里插入图片描述


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

相关文章

DevExpress之ChartControl用法

DevExpress中的ChartControl顾名思义就是数据基于图表展示&#xff0c;其关键在于Series上的处理。 using System; using System.Drawing; using DevExpress.XtraCharts;namespace DevExpressUtilHelpV3 { public static class ChartToolV3 { /// <summary> /// 创建Seri…

ChartControl控件绘制折线图

新建DevExpress窗体 SQLServer数据库中的数据如下&#xff1a; 拖入XtraTabControl控件&#xff0c;并修改Text属性 分别拖入GridControl控件和ChartControl控件 在GridControl控件中点击Run Designer,添加三列数据并分别设置FieldName(与数据库中对应) 在chartcontrol控件中…

DevExpress chartControl 数据绑定

DevExpress chartControl 数据绑定 chartControl 数据绑定ChartControl直接绑定Series 绑定例程附件 chartControl 数据绑定 这里介绍两种绑定方式ChartControl直接绑定以及ChartControl里的series绑定 ChartControl直接绑定 通过chartControl的DataSource属性直接bingdings…

DevExpress ChartControl 实现多轴

先看成图 如果是您需要的效果&#xff0c;请往后看&#xff1a; //曲线 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…