软件与服务//
详解Visual Studio 2010中的内置图表控件
　　今天的博客讨论.NET 4中新加到ASP.NET和Windows Forms中的好东西: 内置图表控件支持。
　　ASP.NET 和 Windows Forms 图表控件
　　14个月前，我在博客中写到微软正提供可用于ASP.NET 3.5和Windows Forms 3.5的图表控件的免费下载。
　　你今天可以下载 并在你的web和客户端应用中免费使用这些运行时控件。你还可以下载它们的VS 2008工具支持。它们提供了简单易用的丰富图表功能。想了解一下你都能用它们做什么的话，我推荐你下载ASP.NET和Windows Forms例程项目，内含200多个例程。下面是一个来自其中的ASP.NET样例应用中的饼图和甜圈图的屏幕截图：
　　图表控件现在内置于.NET 4了
　　对.NET 3.5，你需要单独下载图表控件并将它们加到你的应用中去。而对于.NET 4，这些控件现在已经内置于ASP.NET 4 和Windows Forms 4中了，这意味着你开箱即可马上利用这些控件(不需要另外的下载或注册)。
　　在ASP.NET 4应用中，你会发现在工具箱的“数据”页上，现在有一个新的内置控件:
　　你不用注册或接连任何配置文件项，就可以使用这个控件。所有的图表控件配置现在都由ASP.NET 4预先注册好了(意味着不用往应用的 web.config 文件中加什么东西就可以工作)。这允许你保持 非常干净和最小的Web.config文件。
　　进一步了解 control
　　Scott Mitchell 在网站上撰写了一个精彩系列，讨论如何充分利用控件：
　　Getting Started - 全程示范如何开始使用图表控件，从版本要求到下载和安装图表控件，到在一个ASP.NET网页上显示简单的图表。
　　Plotting Chart Data - 详细讨论将数据显示在图表上的多种方式，从数据绑定到手工添加数据点，一次加一个。
　　Rendering the Chart - 图表控件提供了多种方式将图表显示成图像，这篇文章探讨了这些选项。
　　Sorting and Filtering Chart Data - 这篇文章示范如何用编程的手法在显示前对图表的数据进行排序和过滤。
　　Programmatically Generating Chart Images - 学习如何用编程的手法创建和改动图表图像文件。
　　Creating Drill Down Reports - 看如何使用图表控件创建细节展开报表。
　　Adding Statistical Formulas - 学习如何添加统计公式到图表中，例如取平均，取中位数，取方差，做预测等。
　　Enhancing Charts With Ajax - 使用Ajax改进动态和可交互式图表的用户体验。
　　Serializing Chart Data - 看如何将图表的数据和外观持久到一个持久存储中去。
　　他的文章是基于.NET 3.5和单独的ASP.NET图表控件下载写的，但所有的概念和句法在ASP.NET 4中完全一样地工作。
　　原文标题：VS 2010 和 .NET 4.0 系列之《内置图表控件》篇
　　链接：/scottgu/archive//115880.joy
关键词：开发软件 VisualStudio.NET VisualStudio 微软 技术
责任编辑：杜飞
All Rights Reserved, Copyright , .cn渝ICP证B2-号 如有意见请与我们联系 powered by 天极内容管理平台CMS4i
京公网安备84号君，已阅读到文档的结尾了呢~~
RDLC图表报表宽度自适应和多个报表切换显示的实现方法,rdlc报表 图表,rdlc 图表..
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
RDLC图表报表宽度自适应和多个报表切换显示的实现方法
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口MVC Chart 一个可前台 可后台的快速图表操作-爱编程
MVC Chart 一个可前台 可后台的快速图表操作
　　应用场景是这个样子的：要做导出数据到PDF的功能，涉及到文本、表格、图表等内容。在做图表功能时，发现之前用Highcharts做的图表根本就不能集成到PDF中。这里需要一个能在程序后台就生成图表的功能，通过两个步骤进行集成：
　　1）将图表生成到一个图片文件中，存储在服务器上；
　　2）根据指定的图片路径，将图片集成到PDF。
　　那么集成的核心就为：如何在.net程序后台就生成一个图表。
　　这里介绍的是：
　　　　1）如何利用 Mvc Chart在程序的后台生成图表；
　　　　2）如何利用 Mvc Chart在前端生成图表。
　　必要条件：添加&using System.Web.H引用
一、在程序后台生成图表
　　先看下生成的效果：
制作这样一个图表，需要经过以下几个步骤：
Step 1：创建图表对象
Chart chart = new Chart(500, 400, ChartTheme.Blue);//ChartTheme:图表主题
Step&2：添加图表标题
chart.AddTitle(&2014年城市人口统计&);
Step&3：提供图表的数据点和系列特性，它包含以下几个部分
//提供图表的数据点和系列特性
chart.AddSeries(
name: &2014population&,//系列的唯一名称 做图例时有用 　　　　chartType: ChartType.Column.ToString(),//图表类型 柱状图、折线图、饼图... 　　　　xValue: new List&string&() { "北京", "上海", "广州", "深圳", "重庆" },//要沿 X 轴绘制的值　　　　yValues: new List&float&() { 1962.24f, 2301.91f, 1270.08f, 1035.79f, 2884.62f }//要沿 Y 轴绘制的值 );
Step 4:设置X轴和Y轴的值
chart.SetXAxis(&城市&);
chart.SetYAxis(&人口&);
Step 5:保存图片
chart.Save(&D:\2014population.jpeg&);
　　现在，打完收功。名为：2014population.jpeg的图片就已经生成在指定的路径下了。有没有觉得很简单、快速?
　　可现在是一个Y轴只有一个值，当有多个值时怎么办呢？即要使之达到下面这样的效果：
　　现在，我们通过在前台生成的方式来看这样的效果是如何达到的：
二：在程序前端生成图表
　　在前面的第三步：Step 3：提供图表的数据点和系列特性 里，提供了生成图表的数据来源。如果要使一个Y轴对象有多个值，达到上面的效果，只需要再写一个&AddSeries(... ...)，即可。除此之外，你还需要：
　　将 .Save(...)修改为：.Write()
　　是的，前台和后台生成图表的差别，就只有这一处。来看看在前端生成图表的完整代码：
Chart t2 = new Chart(width: 500, height: 300, theme: ChartTheme.Blue)
.AddTitle("城市人口统计")
.AddLegend("年份")
.SetXAxis("城市")
.SetYAxis("人口 【单位:万人】")
.AddSeries(
name: "2013年",
xValue: new[] {
yValues: new[] {
.AddSeries(
name: "2014年",
xValue: new[] {
yValues: new[] {
　　为方便图片的生成，对在后台生成的代码做如下的封装：
using System.Collections.G
using System.L
using System.T
using System.Web.H
namespace Seal_Common
/// &summary&
/// 绘制图表，并保存在服务器中[必要引用::System.Web.Helpers]
/// &/summary&
public class ChartHelper
private const int chartWidth = 380;
private const int chartHeight = 300;
/// &summary&
/// 后台生成图片, 并保存在服务器中
/// &/summary&
/// &param name="name"&系列的唯一名称 做图例时有用&/param&
/// &param name="title"&图表标题&/param&
/// &param name="names"&list string 名称(坐标轴中的X轴)&/param&
/// &param name="values"&list float 值(坐标轴中的Y轴)&/param&
/// &param name="saveurl"&保存到服务的URL&/param&
/// &param name="charttype"&图表类型 默认为柱形图 ChartType.Column&/param&
/// &param name="width"&宽度 默认500&/param&
/// &param name="height"&高度 默认300&/param&
/// &param name="Xtitle"&X轴标题&/param&
/// &param name="Ytitle"&Y轴标题&/param&
/// &param name="charttheme"&图表样式&/param&
public void GenerateChart(string name, string title, List&string& names, List&float& values, string saveurl, ChartType charttype, int width = 500, int height = 300, string Xtitle = "", string Ytitle = "", string charttheme = ChartTheme.Vanilla)
DateTime dt = DateTime.N
Chart chart = new Chart(width, height, charttheme.ToString());
chart.AddTitle(title);
chart.AddSeries(
name: name,
chartType: charttype.ToString(),
xValue: names,
yValues: values
chart.SetXAxis(Xtitle);
chart.SetYAxis(Ytitle);
chart.Save(saveurl);
catch (Exception ex)
/// &summary&
/// 图表类型
/// &/summary&
public enum ChartType
/// &summary&
/// 点图类型
/// &/summary&
Point = 0,
/// &summary&
/// 快速点图类型
/// &/summary&
FastPoint = 1,
/// &summary&
/// 气泡图类型
/// &/summary&
Bubble = 2,
/// &summary&
/// 折线图类型
/// &/summary&
/// &summary&
/// 样条图类型
/// &/summary&
Spline = 4,
/// &summary&
/// 阶梯线图类型
/// &/summary&
StepLine = 5,
/// &summary&
/// 快速扫描线图类型
/// &/summary&
FastLine = 6,
/// &summary&
/// 条形图类型
/// &/summary&
/// &summary&
/// 堆积条形图类型
/// &/summary&
StackedBar = 8,
/// &summary&
/// 百分比堆积条形图类型
/// &/summary&
StackedBar100 = 9,
/// &summary&
/// 柱形图类型
/// &/summary&
Column = 10,
/// &summary&
/// 堆积柱形图类型
/// &/summary&
StackedColumn = 11,
/// &summary&
/// 百分比堆积柱形图类型
/// &/summary&
StackedColumn100 = 12,
/// &summary&
/// 面积图类型
/// &/summary&
Area = 13,
/// &summary&
/// 样条面积图类型
/// &/summary&
SplineArea = 14,
/// &summary&
/// 堆积面积图类型
/// &/summary&
StackedArea = 15,
/// &summary&
/// 百分比堆积面积图类型
/// &/summary&
StackedArea100 = 16,
/// &summary&
/// 饼图类型
/// &/summary&
/// &summary&
/// 圆环图类型
/// &/summary&
Doughnut = 18,
/// &summary&
/// 股价图类型
/// &/summary&
Stock = 19,
/// &summary&
/// 线图类型
/// &/summary&
Candlestick = 20,
/// &summary&
/// 范围图类型
/// &/summary&
Range = 21,
/// &summary&
/// 样条范围图类型
/// &/summary&
SplineRange = 22,
/// &summary&
/// 范围条形图类型
/// &/summary&
RangeBar = 23,
/// &summary&
/// 范围柱形图类型
/// &/summary&
RangeColumn = 24,
/// &summary&
/// 雷达图类型
/// &/summary&
Radar = 25,
/// &summary&
/// 极坐标图类型
/// &/summary&
Polar = 26,
/// &summary&
/// 误差条形图类型
/// &/summary&
ErrorBar = 27,
/// &summary&
/// 盒须图类型
/// &/summary&
BoxPlot = 28,
/// &summary&
/// 砖形图类型
/// &/summary&
Renko = 29,
/// &summary&
/// 新三值图类型
/// &/summary&
ThreeLineBreak = 30,
/// &summary&
/// 卡吉图类型
/// &/summary&
Kagi = 31,
/// &summary&
/// 点数图类型
/// &/summary&
PointAndFigure = 32,
/// &summary&
/// 漏斗图类型
/// &/summary&
Funnel = 33,
/// &summary&
/// 棱锥图类型
/// &/summary&
Pyramid = 34,
#region 使用方式
ChartHelper charthelper = new ChartHelper();
string saveurl = @"C:\Users\zq\Documents\visual studio 2013\Projects\Seal_Main\Seal_Console\bin\Debug\PDFDOCUMENT\123.jpeg";
List&string& names = new List&string&() {
List&float& values = new List&float&() {
charthelper.GenerateChart("城市人口统计", names, values, saveurl, ChartType.Column, 500, 400, "城市", "人口", ChartTheme.Vanilla);
#endregion
　　Mvc Chart做为一个轻量的VS自带图表插件，操作过程简单、快速。但默认样式过于简陋，如果要自定义样式，并不轻松，可尝试ChartTheme的自定义扩展。另外，为了更好的体验效果，Mvc Chart并不能替代Highcharts等前端JS图表插件。
程序环境：Win8.1, Visual Studio 2013 Professional 2013 Update3, MVC 4,&System.Web.Helpers 程序版本v2.0.0 运行时版本v4.0.30319
版权所有 爱编程 (C) Copyright 2012. . All Rights Reserved.
闽ICP备号-3
微信扫一扫关注爱编程，每天为您推送一篇经典技术文章。