DevExpress中chartControl中实现统计图功能
来源:互联网 发布:android ui优化 编辑:程序博客网 时间:2024/05/16 19:21
DevExpress中chartControl中实现统计图功能
以下开发均借助了DevExpress插件
首先看一下效果
首先 我们新建一个winfrom窗体 选择chartcontroll
devxpres中属性很多,有兴趣的朋友可以自己研究。
图表类型的变化 我们采用ComboBoxEdit类型的textEdit
然后我们需要对控件绑定数据以及设置图表类型
public partial class Form1 : DevExpress.XtraEditors.XtraForm { public Form1() { InitializeComponent(); LoadAll(); } public void LoadAll() { //Series 对象表示数据系列,并且存储在 SeriesCollection 类中。 Series s1 = this.chartControl1.Series[0];//新建一个series类并给控件赋值 s1.DataSource = ServiceData.GetClassCount();//设置实例对象s1的数据源 s1.ArgumentDataMember = "class";//绑定图表的横坐标 s1.ValueDataMembers[0] = "count"; //绑定图表的纵坐标坐标 s1.LegendText = "人数";//设置图例文字 就是右上方的小框框 } private void textEdit1_SelectedIndexChanged(object sender, EventArgs e) { if (this.textEdit1.Text == "--请选择图表类型--")return; if (this.textEdit1.Text == "漏斗图") { DevExpress.XtraCharts.FunnelSeriesView funnelSeriesView1 = new DevExpress.XtraCharts.FunnelSeriesView(); this.chartControl1.Series[0].View = funnelSeriesView1; } if (this.textEdit1.Text == "折线图") { DevExpress.XtraCharts.LineSeriesView lineSeriesView1 = new DevExpress.XtraCharts.LineSeriesView(); this.chartControl1.Series[0].View = lineSeriesView1; } if (this.textEdit1.Text == "饼状图") { DevExpress.XtraCharts.PieSeriesView pieSeriesView1 = new DevExpress.XtraCharts.PieSeriesView(); this.chartControl1.Series[0].View = pieSeriesView1; } if (this.textEdit1.Text == "柱形图") { DevExpress.XtraCharts.StackedBarSeriesView stackedBarSeriesView1 = new DevExpress.XtraCharts.StackedBarSeriesView(); this.chartControl1.Series[0].View = stackedBarSeriesView1; } } } //创建测试数据表 public static class ServiceData { public static DataTable GetClassCount() { DataTable dt = new DataTable(); dt.Columns.Add("class", typeof(string));//年级 dt.Columns.Add("count", typeof(int)); //人数 dt.Rows.Add("一年级", 120); dt.Rows.Add("二年级", 180); dt.Rows.Add("三年级", 890); dt.Rows.Add("四年级", 108); dt.Rows.Add("五年级", 280); dt.Rows.Add("六年级", 320); dt.Rows.Add("七年级", 450); dt.Rows.Add("八年级", 410); dt.Rows.Add("九年级", 230); return dt; } }
0 0
- DevExpress中chartControl中实现统计图功能
- C#Winform中运用DevExpress提供的ChartControl控件绘制折线统计图
- C#Winform中运用DevExpress提供的ChartControl控件绘制柱状统计图
- DevExpress ChartControl控件实现图表
- C#Winform中运用DevExpress提供的ChartControl控件绘制饼状图
- C#Winform中运用DevExpress提供的ChartControl控件绘制多条曲线图
- DevExpress中如何实现GridControl的分页功能
- DevExpress中如何实现GridControl的分页功能(组件)
- devexpress中gridview控件实现多选功能
- Openlayers3中统计图的实现
- Openlayers2中统计图的实现
- DEV--chartcontrol绘制统计图
- DEV--chartcontrol绘制统计图
- DevExpress之ChartControl
- DevExpress图表控件ChartControl
- Devexpress 16.15 ChartControl
- php中GD实现扇形统计图
- 润乾报表中统计图联动刷新功能
- git上传代码到code.csdn.net出错
- android 更换字体
- iOS 几种传值方式(属性,代理,block,通知,本地存储,单例类)附Demo
- JSP复习内容
- 设计模式之模板方法
- DevExpress中chartControl中实现统计图功能
- Binder学习一——Binder基础数据结构
- 改变section header颜色
- 黑马程序员----OC学习笔记之NSArray
- openwrt 下载地址 怕忘了 记之
- erlang 列表推导完全理解
- 【Leetcode Algorithm】Remove Duplicates from Sorted Array
- ORA-16047: DGID mismatch between destination setting and standby
- 于是我开始选择学习软件了,找了一堆的视频,一堆书。晚上下了班就看