微软c#chart控件全部实例资源-CSDN下载

共1285个文件

txt：408个

xml：198个

cs：192个

微软c#

chart

aspnet

5星 · 超过95%的资源需积分: 48 16 浏览量 2013-06-27 13:14:28 上传评论 9 收藏 3.92MB RAR 举报

微软的C# Chart控件是.NET Framework中用于创建数据可视化图表的强大工具，尤其在ASP.NET环境中，它提供了丰富的功能和自定义选项，使得开发者能够轻松地构建各种类型的图表，包括柱状图、折线图、饼图、散点图等。在本教程中，我们将深入探讨这个控件的所有实例，以便于开发者全面理解和掌握其使用方法。 Chart控件的安装和配置是基础。在ASP.NET项目中，可以通过Visual Studio的工具箱直接拖放Chart控件到设计视图中，或者通过代码添加。在Web.config文件中，需要确保已注册Microsoft Chart Controls的Assembly引用，以启用相关功能。接着，我们来看数据绑定。Chart控件支持多种数据源，如数组、列表、数据库查询结果等。在C#代码中，可以使用`DataSource`属性设置数据源，`DataBind()`方法进行绑定。例如，你可以用一个简单的数组来创建一个柱状图： ```csharp Chart1.DataSource = new int[] { 10, 20, 30, 40, 50 }; Chart1.Series["Series1"].XValueMember = "X"; Chart1.Series["Series1"].YValueMembers = "Y"; Chart1.DataBind(); ``` 接下来，我们要了解如何配置图表的外观。Chart控件提供了许多属性，如`Title`, `Subtitle`, `Legend`, `Series`, `Axis`等，用于设置图表的标题、副标题、图例、系列和坐标轴。例如，我们可以设置X轴和Y轴的标题： ```csharp Chart1.ChartAreas[0].AxisX.Title = "月份"; Chart1.ChartAreas[0].AxisY.Title = "销售额"; ``` 此外，还可以通过`Series`属性添加或修改数据系列，每个系列代表图表中的一个颜色区域或线条。例如，添加一个新的折线系列： ```csharp Series series2 = new Series("Series2"); series2.ChartType = SeriesChartType.Line; Chart1.Series.Add(series2); ``` 对于更复杂的图表，如饼图，可以设置`PieChart`的相关属性，如`Exploded`（是否突出显示部分）和`Label`（显示值或百分比）。散点图则通过`XValueMember`和`YValueMembers`指定横纵坐标值。在ASP.NET环境下，Chart控件的交互性也很重要。你可以添加JavaScript事件处理程序，实现点击图表元素时触发特定动作。例如，添加点击事件监听： ```aspx <asp:Chart ID="Chart1" runat="server" OnClientClick="chart_Click">  </asp:Chart> ``` 然后在JavaScript中处理这个事件： ```javascript function chart_Click(sender, args) { var seriesName = args.get_series().name; var pointIndex = args.get_pointIndex(); alert("系列: " + seriesName + ", 点索引: " + pointIndex); } ``` Chart控件还支持导出图表为各种格式，如JPEG、PNG、PDF等，以便在报告或邮件中使用。通过`SaveImage`方法可以实现这个功能： ```csharp Chart1.SaveImage("Chart.jpg", ChartImageFormat.Jpeg); ``` 在“WebSamples”文件夹中，可能包含了各种实例代码，覆盖了上述所有功能和更多高级用法。通过学习这些例子，你可以进一步提升在实际项目中使用C# Chart控件的能力，创建出美观且功能强大的数据可视化图表。

资源推荐

资源详情

资源评论

收起资源包目录

微软c# chart控件全部实例（1285个子文件）

Global.asax 946B

legendcells.aspx 43KB

movingaverages.aspx 11KB

usinglabels.aspx 11KB

legendappearance.aspx 10KB

barcolumn3d.aspx 10KB

appearance.aspx 10KB

AxisVariableIntervals.aspx 10KB

zorder.aspx 9KB

retrievingassigningdates.aspx 9KB

imagemapcustomtooltip.aspx 9KB

seriesappearance.aspx 9KB

gridlinesandtickmarks.aspx 9KB

Palettes.aspx 8KB

charttitle.aspx 8KB

striplines.aspx 8KB

chartappearance.aspx 8KB

legendtitle.aspx 8KB

axistitle.aspx 8KB

ClickSample.aspx 8KB

legendcellspan.aspx 8KB

striplinestitle.aspx 8KB

labelsformatting.aspx 7KB

multiplelegends.aspx 7KB

labelstextstyle.aspx 7KB

ttest.aspx 7KB

emptypointsappearance.aspx 7KB

anova.aspx 7KB

ClickEvent.aspx 7KB

legendstyleandposition.aspx 7KB

annotationappearance.aspx 7KB

3dperspectives.aspx 7KB

usingmarkers.aspx 7KB

ftest.aspx 7KB

borders.aspx 7KB

pointwidthanddepth.aspx 7KB

chartareaposition.aspx 7KB

appearance.aspx 7KB

pyramidchart.aspx 7KB

distributions.aspx 6KB

piecollected.aspx 6KB

funnelchart.aspx 6KB

volumeindicators.aspx 6KB

filteryvaluesrange.aspx 6KB

scalebreaks.aspx 6KB

bubblechart.aspx 6KB

annotationanchoring.aspx 6KB

smartlabels.aspx 6KB

multipletitles.aspx 6KB

linecurveschart.aspx 6KB

usinggaps3d.aspx 6KB

ChartAsTrigger.aspx 6KB

imagemaptooltipsformating.aspx 6KB

datatablecustompainting.aspx 6KB

legendcustomizedefault.aspx 6KB

filterdaterange.aspx 6KB

filtertopn.aspx 6KB

technicalpriceindicators.aspx 6KB

descriptivestatistics.aspx 6KB

cylinder3d.aspx 6KB

filterwithcustomcriteria.aspx 6KB

boxplotchart.aspx 6KB

titlecustomposition.aspx 6KB

crossingandreverse.aspx 6KB

legendfont.aspx 6KB

groupingformulas.aspx 6KB

legendcellcolumns.aspx 6KB

antialiasingsample.aspx 6KB

striplinesoffset.aspx 6KB

tooltipdrilldown.aspx 6KB

logarithmicscale.aspx 6KB

seriesandchartareas.aspx 6KB

multilinelabels.aspx 6KB

areachart3d.aspx 5KB

legendcustomposition.aspx 5KB

axislabelsinterval.aspx 5KB

forecasting.aspx 5KB

pie3d.aspx 5KB

combinatorialchart.aspx 5KB

serstatemanagement.aspx 5KB

annotationstyles.aspx 5KB

axisscale.aspx 5KB

histogram.aspx 5KB

errorbarchart.aspx 5KB

barcolumnchart.aspx 5KB

seriesaxis.aspx 5KB

chartarea3d.aspx 5KB

groupingstockdata.aspx 5KB

multiybubble.aspx 5KB

polarchart.aspx 5KB

SelectingChartTypes.aspx 5KB

annotationsmartlabels.aspx 5KB

rangecolumnchart.aspx 5KB

seriesalignment.aspx 5KB

financialchart.aspx 5KB

annotationpositioning.aspx 5KB

hidingseries.aspx 5KB

autofitaxeslabels.aspx 5KB

insertingemptypoints.aspx 5KB

multiplelegendswithcheckbox.aspx 5KB

共 1285 条

<%@ Page language="c#" Inherits="System.Web.UI.DataVisualization.Charting.Samples.ImageMapCustomTooltip" CodeFile="ImageMapCustomTooltip.aspx.cs" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>ImageMapCustomTooltip</title> <link media="all" href="../../../samples.css" type="text/css" rel="stylesheet"/> <style> .FadingTooltip { BORDER-RIGHT: darkgray 1px outset; BORDER-TOP: darkgray 1px outset; FONT-SIZE: 12pt; BORDER-LEFT: darkgray 1px outset; WIDTH: auto; COLOR: black; BORDER-BOTTOM: darkgray 1px outset; HEIGHT: auto; BACKGROUND-COLOR: lemonchiffon; margins: "3,3,3,3"; paddings: "3,3,3,3"; borderbottomwidths: "3,3,3,3" } </style> </head> <body> <form method="post" runat="server"> <p class="dscr">This sample demonstrates fading tooltips, which are created by handling the MouseOver and MouseOut events.</p> <table class="sampleTable"> <tr> <td class="tdchart"> <asp:Chart ID="Chart1" runat="server" Height="296px" Width="500px" ImageUrl="~/TempImages/ChartPic_#SEQ(300,3)" ImageType="Png" BackColor="#F3DFC1" borderlinestyle="Solid" BackGradientStyle="TopBottom" BorderlineWidth="2" BorderlineColor="181, 64, 1"> <Titles> <asp:Title ShadowColor="32, 0, 0, 0" Font="Trebuchet MS, 14.25pt, style=Bold" ShadowOffset="3" Text="Olympic Medals" ForeColor="26, 59, 105"> </asp:Title> </Titles> <Legends> <asp:Legend IsTextAutoFit="False" Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold"> <Position Y="21" Height="22" Width="20" X="73"></Position> </asp:Legend> </Legends> <BorderSkin SkinStyle="Emboss"></BorderSkin> <Series> <asp:Series Name="Gold" BorderColor="180, 26, 59, 105"> <Points> <asp:DataPoint AxisLabel="CountryA" YValues="12"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryB" YValues="10"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryC" YValues="11"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryD" YValues="6"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryE" YValues="6"></asp:DataPoint> </Points> </asp:Series> <asp:Series Name="Silver" BorderColor="180, 26, 59, 105"> <Points> <asp:DataPoint AxisLabel="CountryA" YValues="16"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryB" YValues="13"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryC" YValues="7"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryD" YValues="3"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryE" YValues="6"></asp:DataPoint> </Points> </asp:Series> <asp:Series Name="Bronze" BorderColor="180, 26, 59, 105"> <Points> <asp:DataPoint AxisLabel="CountryA" YValues="7"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryB" YValues="11"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryC" YValues="6"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryD" YValues="8"></asp:DataPoint> <asp:DataPoint AxisLabel="CountryE" YValues="4"></asp:DataPoint> </Points> </asp:Series> </Series> <ChartAreas> <asp:ChartArea Name="Default" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="OldLace" ShadowColor="Transparent" BackGradientStyle="TopBottom"> <AxisY LineColor="64, 64, 64, 64" IsLabelAutoFit="False"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold"></LabelStyle> <MajorGrid LineColor="64, 64, 64, 64"></MajorGrid> </AxisY> <AxisX LineColor="64, 64, 64, 64" IsLabelAutoFit="False"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold"></LabelStyle> <MajorGrid LineColor="64, 64, 64, 64"></MajorGrid> </AxisX> </asp:ChartArea> </ChartAreas> </asp:Chart> </td> <td valign="top"> <table class="controls" cellpadding="4"> <tr> <td class="label"> <asp:label id="Label1" runat="server">Tooltip content:</asp:label></td> <td> <asp:dropdownlist id="ContentList" runat="server" Width="130px" AutoPostBack="True" onselectedindexchanged="ContentList_SelectedIndexChanged"> <asp:listitem Value="flag" Selected="True">Country Flag</asp:listitem> <asp:listitem Value="chart">Statistics Chart</asp:listitem> <asp:listitem Value="#VAL #SER medals">Medals</asp:listitem> </asp:dropdownlist></td> </tr> </table> </td> </tr> </table> <p class="dscr">A country flag image, binary streamed chart or text can be shown in the tooltip.  Move the mouse pointer over the series bars or legend items to see the tooltips.</p> <style>.FadingTooltip { BORDER-RIGHT: darkgray 1px outset; BORDER-TOP: darkgray 1px outset; FONT-SIZE: 12pt; BORDER-LEFT: darkgray 1px outset; WIDTH: auto; COLOR: black; BORDER-BOTTOM: darkgray 1px outset; HEIGHT: auto; BACKGROUND-COLOR: lemonchiffon; MARGIN: 3px 3px 3px 3px; padding: 3px 3px 3px 3px; borderBottomWidth: 3px 3px 3px 3px } </style> <div class="FadingTooltip" id="FADINGTOOLTIP" style="Z-INDEX: 999; VISIBILITY: hidden; POSITION: absolute"></div> <script language="javascript"> var FADINGTOOLTIP var wnd_height, wnd_width; var tooltip_height, tooltip_width; var tooltip_shown=false; var transparency = 100; var timer_id = 1; var tooltiptext; // override events window.onload = WindowLoading; window.onresize = UpdateWindowSize; document.onmousemove = AdjustToolTipPosition; function DisplayTooltip(tooltip_text) { FADINGTOOLTIP.innerHTML = tooltip_text; tooltip_shown = (tooltip_text != "")? true : false; if(tooltip_text != "") { // Get tooltip window height tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight; transparency=0; ToolTipFading(); } else { clearTimeout(timer_id); FADINGTOOLTIP.style.visibility="hidden"; } } function AdjustToolTipPosition(e) { if(tooltip_shown) { // Depending on IE/Firefox, find out what object to use to find mouse position

评论收藏

内容反馈