asp.net chart美化+绑定数据--饼图
asp.net chart之饼图
开发环境VS2010 chart控件是vs自带控件
前台:
1 <asp:Chart ID="Chart3" runat="server" Width="900px"> 2 <Legends> 3 <asp:Legend BackColor="Transparent" Alignment="Center" Font="Trebuchet MS, 8.25pt, style=Bold" 4 IsTextAutoFit="False" Name="Default" LegendStyle="Column"> 5 </asp:Legend> 6 </Legends> 7 <ChartAreas> 8 <asp:ChartArea Name="ChartArea1"> 9 <Area3DStyle Rotation="0" /> 10 <AxisY LineColor="64, 64, 64, 64"> 11 <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> 12 <MajorGrid LineColor="64, 64, 64, 64" /> 13 </AxisY> 14 <AxisX LineColor="64, 64, 64, 64"> 15 <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> 16 <MajorGrid LineColor="64, 64, 64, 64" /> 17 </AxisX> 18 </asp:ChartArea> 19 </ChartAreas> 20 </asp:Chart>
后台(部分有注释):
1 Chart3.BackColor = Color.Moccasin; 2 Chart3.BackGradientStyle = GradientStyle.DiagonalRight; 3 Chart3.BorderlineDashStyle = ChartDashStyle.Solid; 4 Chart3.BorderlineColor = Color.Gray; 5 Chart3.BorderSkin.SkinStyle = BorderSkinStyle.Emboss; 6 7 // forma the chart area 8 Chart3.ChartAreas[0].BackColor = Color.Wheat; 9 // add and format the title 10 Chart3.Titles.Add("标题"); 11 Chart3.Titles[0].Font = new Font("Utopia", 14, FontStyle.Bold); 12 13 Chart3.Series.Add(new Series("Pie") 14 { 15 ChartType = SeriesChartType.Pie, 16 ShadowOffset = 2 17 }); 18 Chart3.Series[0].Label = "#VALX \n\n #PERCENT{P}";//显示百分比和说明 19 Chart3.Series[0].LegendText = "#VALX"; 20 double[] yValues = { 23, 12, 26, 39, }; 21 string[] xValues = { "优秀", "不及格", "良好", "及格" }; 22 //饼状图的标签方位 23 Chart3.Series[0]["PieLabelStyle"] = "Outside"; 24 Chart3.Series[0]["PieLineColor"] = "Black"; 25 Chart3.Series[0].Points.DataBindXY(xValues, yValues); 26 27 //每个部分开花 28 foreach (DataPoint point in Chart3.Series[0].Points) 29 { 30 point["Exploded"] = "true"; 31 } 32 SaveChartToImg(Chart3, "4");
预览图如下:
转载于:https://www.cnblogs.com/ogre-zl/p/5007812.html
asp.net chart美化+绑定数据--饼图相关推荐
- 在Asp.net页面中实现数据饼图
ASP.NET之所以能够在客户端浏览器中形成各种数据图片,是因为在ASP.NET中提供了绘图功能,具体的作法是先在服务器端创建一个Bitmap实例,然后利用ASP.NET中提供的绘图功能,按照要生成的 ...
- 在ASP.NET页面中实现数据饼图(转载)
ASP.NET之所以能够在客户端浏览器中形成各种数据图片,是因为在ASP.NET中提供了绘图功能,具体的作法是先在服务器端创建一个Bitmap实例,然后利用ASP.NET中提供的绘图功能,按照要生成的 ...
- ASP.ENT前台更改绑定数据的日期格式
1.Eval和Bind的区别 绑定表达式 < %# Eval("字段名") %> < %# Bind("字段名") %> 区别 1.ev ...
- ASP GridView控件绑定数据进行数据的增删改查
1.新建一个空项目,添加Web窗体FindUser,在前台设计中拖入GridView控件,在编辑列中设计BoundField,HeaderText属性设置表头文本,DataField属性设置为要显示的 ...
- ASP.NET dropdownlist绑定数据却显示System.Data.DataRowView
问题: 在VS中用dropdownlist控件绑定数据,浏览时却在控件里显示System.Data.DataRowView,而不是要显示的数据,代码如下: public static DataSet ...
- C# WinForm开发系列之c# 通过.net自带的chart控件绘制饼图,柱形图和折线图的基础使用和扩展
一.需要实现的目标是: 1.将数据绑定到pie的后台数据中,自动生成饼图. 2.生成的饼图有详细文字的说明. 1.设置chart1的属性Legends中默认的Legend1的Enable为false: ...
- ASP.NET 2.0 绑定高级技巧
1.简单数据绑定定 <!--ASP.NET 1.x data binding expression --> <%# DataBinder.Eval(Container.DataIte ...
- ASP.NET前台代码绑定后台变量方法总结
经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般有<%= str%>和<%# str %>两种方式,这里简单总结一下.如有错误或异议之处,敬请各位指教. 一方 ...
- ASP.NET MVC 5 - 将数据从控制器传递给视图
ASP.NET MVC 5 - 将数据从控制器传递给视图 原文:ASP.NET MVC 5 - 将数据从控制器传递给视图 在我们讨论数据库和数据模型之前,让我们先讨论一下如何将数据从控制器传递给视图. ...
最新文章
- 核磁共振影像数据处理-1(下)-DWI基础、Li‘s have a solution and plan.
- 模板网站建设究竟有哪些优势?
- 使用Callable和Future接口创建线程
- 027_Badge标记
- python 求两条曲线的交点_这几种问法都是考察张角问题,高考数学圆锥曲线的焦点弦张角定理...
- python模拟postman发https请求_【接口测试】Postman入门01-特点和简介
- pandas.DataFrame.iloc的使用
- JavaScript消息框应用
- C#反射Assembly 具体说明
- 深度解析DDD中台和微服务设计
- hdu 5076 最小割灵活运用
- Zookeeper安装,Zookeeper单机模式安装
- 我的世界服务器怎么修改矿物,我的世界怎么设置自定义矿物
- 数据分析师培训班哪家好?
- uniapp 实现定位到当前城市
- SpringCloud Alibaba微服务实战一 基础环境准备
- 阿里云免费服务器搭建个人博客
- 截部分陈宏对用线段树解矩形并的轮廓(picture 问题的深入讨论)
- 10[粒子系统的实现]
- 小甲鱼老师《带你学C带你飞》的后续课程补充
热门文章
- centos7 python3安装numpy_Centos7安装python3、numpy、scipy、matplotlib、pandas等
- oracle 延迟段,oracle - 未启用延迟段创建功能(ORA-00439) - 堆栈内存溢出
- windowsphone开发_[app开发定制公司]开发app需要什么技术呢?
- wcf 返回图片_WCF实现上传图片功能
- 怎么做圆一圈圈扩散效果_推广为什么没有效果,网络推广怎么做才有效果?
- 关闭打开Excel弹出要安装“Microsoft.VisualStudio.QualityTools.LoadTestExcelAddIn.vsto”加载项
- 制备pdms膜的方法_四川大学杨伟团队JMCC:实现柔性压阻式压力传感器的规模化制备...
- tomcat线程释放时间_聊下并发和Tomcat线程数(错误更正)
- python windows系统_python管理windows系统tomcat服务
- [BZOJ3262]陌上花开