C1WebChart 对图形化处理还可以。以下图如下:
A:折线图:
B:柱形图:

C:面积图:

D:饼图:

E:折线图(3D)

F:柱形图(3D)

G:面积图(3D)

H:饼图(3D)

完成这些功能。需要以下条件。
1:引用相关组件(C1.Common.dll、C1.Web.C1WebChart.dll、C1.Win.C1Chart.dll)
2:配置web.config
       <system.web>
            <httpHandlers>
                         <add verb="*" path="c1chartimage.aspx"
                         type="C1.Web.C1WebChart.ImageHttpHandler,C1.Web.C1WebChart"/>
           </httpHandlers>
          ......
       </system.web>
3:详细代码如下:
      A: Html代码如下

<%...@ Register TagPrefix="c1webchart" Namespace="C1.Web.C1WebChart" Assembly="C1.Web.C1WebChart" %>
<%...@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="Web3D.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <title>WebForm1</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <TABLE id="Table1" borderColor="black" cellSpacing="0" cellPadding="0" align="center" border="1">
                <TR>
                    <TD style="HEIGHT: 10px; BACKGROUND-COLOR: #ffb866">
                        <asp:radiobuttonlist id="ddlSheet" runat="server" Height="32px" Width="616px" Font-Size="9pt" AutoPostBack="true"
                            RepeatDirection="Horizontal" RepeatLayout="Flow">
                            <asp:ListItem Value="XYPlot" Selected="True">折线图</asp:ListItem>
                            <asp:ListItem Value="Bar">柱形图</asp:ListItem>
                            <asp:ListItem Value="Area">面积图</asp:ListItem>
                            <asp:ListItem Value="Pie">饼图</asp:ListItem>
                            <asp:ListItem Value="XYPlot3d">折线图(3D)</asp:ListItem>
                            <asp:ListItem Value="Bar3d">柱形图(3D)</asp:ListItem>
                            <asp:ListItem Value="Area3d">面积图(3D)</asp:ListItem>
                            <asp:ListItem Value="Pie3d">饼图(3D)</asp:ListItem>
                        </asp:radiobuttonlist></TD>
                </TR>
                <TR>
                    <TD><FONT face="宋体">
                            <c1webchart:c1webchart id="C1WebChart1" runat="server" Height="400px" Width="720px" SlidingExpiration="00:00:30"
                                ImageFormat="Png" ImageQuality="100">
                                <ImageAreas>
                                    <c1webchart:MapArea Tooltip="图标区" IsCustom="False" Name="ChartArea"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="X-轴" IsCustom="False" Name="AxisX"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="Y-轴" IsCustom="False" Name="AxisY"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="图标区" IsCustom="False" Name="PlotArea"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="({#XVAL},{#YVAL})" IsCustom="False" Name="ChartData"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="表头" IsCustom="False" Name="Header"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="表尾" IsCustom="False" Name="Footer"></c1webchart:MapArea>
                                    <c1webchart:MapArea Tooltip="Series {#ISERIES}: &quot;{#TEXT}&quot;" IsCustom="False" Name="LegendItem"></c1webchart:MapArea>
                                </ImageAreas>
                                <Serializer Value="&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;Chart2DPropBag Version=&quot;&quot;&gt;
  &lt;StyleCollection&gt;
    &lt;NamedStyle Name=&quot;PlotArea&quot; ParentName=&quot;Area&quot;&gt;
      &lt;StyleData&gt;GradientStyle=DiagonalCenter;Border=None,Control,1;BackColor2=Blue;BackColor=RoyalBlue;Opaque=True;HatchStyle=None;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Legend&quot; ParentName=&quot;Legend.default&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 9pt;AlignVert=Top;GradientStyle=None;Opaque=True;Rotation=Rotate0;ForeColor=ControlText;Border=Solid,Black,1;AlignImage=Tile;HatchStyle=None;AlignHorz=General;Wrap=True;BackColor2=;BackColor=Snow;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Footer&quot; ParentName=&quot;Control&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt, style=Bold;GradientStyle=None;ForeColor=ControlText;Border=None,Control,1;HatchStyle=None;Opaque=True;BackColor2=;BackColor=0, 0, 202;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Area&quot; ParentName=&quot;Area.default&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt, style=Bold;GradientStyle=DiagonalCenter;ForeColor=ControlText;Border=Fillet,HotTrack,6;HatchStyle=None;Opaque=True;BackColor2=Blue;BackColor=White;Rounding=7 7 7 7;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Control&quot; ParentName=&quot;Control.default&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt, style=Bold;GradientStyle=None;ForeColor=ControlText;Border=None,Control,1;HatchStyle=None;Opaque=True;BackColor2=;BackColor=AliceBlue;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;AxisX&quot; ParentName=&quot;Area&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 9pt;AlignVert=Bottom;Rotation=Rotate0;ForeColor=ControlText;Border=None,Control,1;AlignHorz=Center;Opaque=False;BackColor=Transparent;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;AxisY&quot; ParentName=&quot;Area&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt;AlignVert=Center;Rotation=Rotate270;ForeColor=ControlText;Border=None,Control,1;AlignHorz=Near;Opaque=False;BackColor=Transparent;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;LabelStyleDefault&quot; ParentName=&quot;LabelStyleDefault.default&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt, style=Bold;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Legend.default&quot; ParentName=&quot;Control&quot;&gt;
      &lt;StyleData&gt;Border=None,Black,1;Wrap=False;AlignVert=Top;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;LabelStyleDefault.default&quot; ParentName=&quot;Control&quot;&gt;
      &lt;StyleData&gt;Border=None,Control,1;BackColor=Transparent;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Header&quot; ParentName=&quot;Control&quot;&gt;
      &lt;StyleData&gt;Font=Microsoft Sans Serif, 10pt, style=Bold;GradientStyle=None;AlignHorz=Center;ForeColor=ControlText;Border=None,Control,1;HatchStyle=None;Opaque=False;BackColor2=;BackColor=255, 250, 210;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Control.default&quot; ParentName=&quot;&quot;&gt;
      &lt;StyleData&gt;ForeColor=ControlText;Border=None,Control,1;BackColor=Control;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;AxisY2&quot; ParentName=&quot;Area&quot;&gt;
      &lt;StyleData&gt;Rotation=Rotate90;Border=None,Transparent,1;AlignHorz=Far;BackColor=Transparent;AlignVert=Center;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
    &lt;NamedStyle Name=&quot;Area.default&quot; ParentName=&quot;Control&quot;&gt;
      &lt;StyleData&gt;Border=None,Control,1;AlignVert=Top;&lt;/StyleData&gt;
    &lt;/NamedStyle&gt;
  &lt;/StyleCollection&gt;
  &lt;ChartGroupsCollection&gt;
    &lt;ChartGroup&gt;
      &lt;DataSerializer Hole=&quot;1000000000&quot;&gt;
        &lt;DataSeriesCollection&gt;
          &lt;DataSeriesSerializer FitType=&quot;Spline&quot;&gt;
            &lt;LineStyle Color=&quot;Coral&quot; /&gt;
            &lt;SymbolStyle Size=&quot;3&quot; Color=&quot;Coral&quot; Shape=&quot;Dot&quot; /&gt;
            &lt;SeriesLabel&gt;库容与水位关系曲线&lt;/SeriesLabel&gt;
            &lt;X&gt;0;1;2;3;4&lt;/X&gt;
            &lt;Y&gt;1;8;27;64;125&lt;/Y&gt;
            &lt;Y1&gt;5;1;5;8;12&lt;/Y1&gt;
            &lt;Y2&gt;5;3;6;12;15&lt;/Y2&gt;
            &lt;Y3&gt;1;3.5;8;15;22&lt;/Y3&gt;
            &lt;DataTypes&gt;Single;Single;Single;Single;Single&lt;/DataTypes&gt;
            &lt;DataFields&gt;;;;;&lt;/DataFields&gt;
            &lt;Tag /&gt;
          &lt;/DataSeriesSerializer&gt;
        &lt;/DataSeriesCollection&gt;
      &lt;/DataSerializer&gt;
      &lt;Name&gt;Group1&lt;/Name&gt;
      &lt;Stacked&gt;False&lt;/Stacked&gt;
      &lt;ChartType&gt;XYPlot&lt;/ChartType&gt;
      &lt;Pie&gt;OtherOffset=0,Start=0&lt;/Pie&gt;
      &lt;Bar&gt;ClusterOverlap=0,ClusterWidth=50&lt;/Bar&gt;
      &lt;HiLoData&gt;FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True&lt;/HiLoData&gt;
      &lt;Bubble&gt;EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5&lt;/Bubble&gt;
      &lt;Polar&gt;Degrees=True,PiRatioAnnotations=True,Start=0&lt;/Polar&gt;
      &lt;Radar&gt;Degrees=True,Filled=False,Start=0&lt;/Radar&gt;
      &lt;Use3D&gt;False&lt;/Use3D&gt;
      &lt;Visible&gt;True&lt;/Visible&gt;
      &lt;ShowOutline&gt;True&lt;/ShowOutline&gt;
    &lt;/ChartGroup&gt;
    &lt;ChartGroup&gt;
      &lt;DataSerializer Hole=&quot;1000000000&quot; /&gt;
      &lt;Name&gt;Group2&lt;/Name&gt;
      &lt;Stacked&gt;False&lt;/Stacked&gt;
      &lt;ChartType&gt;XYPlot&lt;/ChartType&gt;
      &lt;Pie&gt;OtherOffset=0,Start=0&lt;/Pie&gt;
      &lt;Bar&gt;ClusterOverlap=0,ClusterWidth=50&lt;/Bar&gt;
      &lt;HiLoData&gt;FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True&lt;/HiLoData&gt;
      &lt;Bubble&gt;EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5&lt;/Bubble&gt;
      &lt;Polar&gt;Degrees=True,PiRatioAnnotations=True,Start=0&lt;/Polar&gt;
      &lt;Radar&gt;Degrees=True,Filled=False,Start=0&lt;/Radar&gt;
      &lt;Visible&gt;True&lt;/Visible&gt;
      &lt;ShowOutline&gt;True&lt;/ShowOutline&gt;
    &lt;/ChartGroup&gt;
  &lt;/ChartGroupsCollection&gt;
  &lt;Header Compass=&quot;North&quot;&gt;
    &lt;Text&gt;Header Region &lt;/Text&gt;
  &lt;/Header&gt;
  &lt;Footer Compass=&quot;South&quot; Visible=&quot;False&quot;&gt;
    &lt;Text&gt;Footer text&lt;/Text&gt;
  &lt;/Footer&gt;
  &lt;Legend Compass=&quot;South&quot; Visible=&quot;True&quot; Orientation=&quot;Horizontal&quot;&gt;
    &lt;Text /&gt;
  &lt;/Legend&gt;
  &lt;ChartArea Depth=&quot;20&quot; Rotation=&quot;45&quot; Elevation=&quot;45&quot; /&gt;
  &lt;Axes&gt;
    &lt;Axis Max=&quot;4&quot; Min=&quot;0&quot; AnnoFormat=&quot;NumericManual&quot; UnitMajor=&quot;1&quot; UnitMinor=&quot;0.5&quot; AutoMajor=&quot;True&quot; AutoMinor=&quot;True&quot; AutoMax=&quot;True&quot; AutoMin=&quot;True&quot; _onTop=&quot;-1&quot; Compass=&quot;South&quot;&gt;
      &lt;Text&gt;库容 (万立方米)&lt;/Text&gt;
      &lt;GridMajor Spacing=&quot;1&quot; AutoSpace=&quot;True&quot; Color=&quot;Black&quot; Pattern=&quot;Dash&quot; /&gt;
      &lt;GridMinor Visible=&quot;True&quot; Spacing=&quot;0.5&quot; AutoSpace=&quot;True&quot; Color=&quot;LightGray&quot; Pattern=&quot;Dash&quot; /&gt;
    &lt;/Axis&gt;
    &lt;Axis Max=&quot;140&quot; Min=&quot;0&quot; UnitMajor=&quot;20&quot; UnitMinor=&quot;10&quot; AutoMajor=&quot;True&quot; AutoMinor=&quot;True&quot; AutoMax=&quot;True&quot; AutoMin=&quot;True&quot; _onTop=&quot;-1&quot; Compass=&quot;West&quot;&gt;
      &lt;Text&gt;水位(米)&lt;/Text&gt;
      &lt;GridMajor Visible=&quot;True&quot; Spacing=&quot;20&quot; AutoSpace=&quot;True&quot; Color=&quot;Black&quot; Pattern=&quot;Dash&quot; /&gt;
      &lt;GridMinor AutoSpace=&quot;True&quot; Color=&quot;LightGray&quot; Pattern=&quot;Dash&quot; /&gt;
    &lt;/Axis&gt;
    &lt;Axis Max=&quot;0&quot; Min=&quot;0&quot; UnitMajor=&quot;0&quot; UnitMinor=&quot;0&quot; AutoMajor=&quot;True&quot; AutoMinor=&quot;True&quot; AutoMax=&quot;True&quot; AutoMin=&quot;True&quot; _onTop=&quot;0&quot; Compass=&quot;East&quot;&gt;
      &lt;Text /&gt;
      &lt;GridMajor AutoSpace=&quot;True&quot; Color=&quot;LightGray&quot; Pattern=&quot;Dash&quot; /&gt;
      &lt;GridMinor AutoSpace=&quot;True&quot; Color=&quot;LightGray&quot; Pattern=&quot;Dash&quot; /&gt;
    &lt;/Axis&gt;
  &lt;/Axes&gt;
&lt;/Chart2DPropBag&gt;"></Serializer>
                            </c1webchart:c1webchart></FONT><IMAGEAREAS>
                            <C1WEBCHART:MAPAREA Tooltip="图标区" IsCustom="False" Name="ChartArea"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="X-轴" IsCustom="False" Name="AxisX"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="Y-轴" IsCustom="False" Name="AxisY"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="图标区" IsCustom="False" Name="PlotArea"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="({#XVAL},{#YVAL})" IsCustom="False" Name="ChartData"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="表头" IsCustom="False" Name="Header"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip="表尾" IsCustom="False" Name="Footer"></C1WEBCHART:MAPAREA>
                            <C1WEBCHART:MAPAREA Tooltip='Series {#ISERIES}: "{#TEXT}"' IsCustom="False" Name="LegendItem"></C1WEBCHART:MAPAREA>
                        </IMAGEAREAS><SERIALIZER Value='<?xml version="1.0"?> <Chart2DPropBag Version="">   <StyleCollection>...     <NamedStyle Name="PlotArea" ParentName="Area">       <StyleData>GradientStyle=None;Border=None,Control,1;BackColor2=SteelBlue;BackColor=255, 253, 232;Opaque=True;HatchStyle=None;</StyleData>     </NamedStyle>     <NamedStyle Name="Legend" ParentName="Legend.default">       <StyleData>...Border=Solid,Black,1;AlignHorz=General;BackColor=Snow;Font=Microsoft Sans Serif, 9pt;AlignVert=Top;Wrap=True;</StyleData>     </NamedStyle>     <NamedStyle Name="Footer" ParentName="Control">       <StyleData>...Border=None,Control,1;</StyleData>     </NamedStyle>     <NamedStyle Name="Area" ParentName="Area.default">       <StyleData>...Font=Microsoft Sans Serif, 10pt, style=Bold;GradientStyle=None;ForeColor=ControlText;Border=None,Control,1;HatchStyle=None;Opaque=True;BackColor2=;BackColor=255, 250, 210;</StyleData>     </NamedStyle>     <NamedStyle Name="Control" ParentName="Control.default">       <StyleData>...BackColor=255, 250, 210;Font=Microsoft Sans Serif, 10pt, style=Bold;</StyleData>     </NamedStyle>     <NamedStyle Name="AxisX" ParentName="Area">       <StyleData>...Font=Microsoft Sans Serif, 9pt;AlignVert=Bottom;AlignHorz=Center;Rotation=Rotate0;Border=None,Control,1;Opaque=False;BackColor=Transparent;</StyleData>     </NamedStyle>     <NamedStyle Name="AxisY" ParentName="Area">       <StyleData>...Font=Microsoft Sans Serif, 10pt;AlignVert=Center;AlignHorz=Near;Rotation=Rotate270;Border=None,Control,1;Opaque=False;BackColor=Transparent;</StyleData>     </NamedStyle>     <NamedStyle Name="LabelStyleDefault" ParentName="LabelStyleDefault.default">       <StyleData>...Font=Microsoft Sans Serif, 10pt, style=Bold;</StyleData>     </NamedStyle>     <NamedStyle Name="Legend.default" ParentName="Control">       <StyleData>...Border=None,Black,1;Wrap=False;AlignVert=Top;</StyleData>     </NamedStyle>     <NamedStyle Name="LabelStyleDefault.default" ParentName="Control">       <StyleData>...Border=None,Control,1;BackColor=Transparent;</StyleData>     </NamedStyle>     <NamedStyle Name="Header" ParentName="Control">       <StyleData>...Border=None,Control,1;AlignHorz=Center;</StyleData>     </NamedStyle>     <NamedStyle Name="Control.default" ParentName="">       <StyleData>...ForeColor=ControlText;Border=None,Control,1;BackColor=Control;</StyleData>     </NamedStyle>     <NamedStyle Name="AxisY2" ParentName="Area">       <StyleData>...Rotation=Rotate90;Border=None,Transparent,1;AlignHorz=Far;BackColor=Transparent;AlignVert=Center;</StyleData>     </NamedStyle>     <NamedStyle Name="Area.default" ParentName="Control">       <StyleData>...Border=None,Control,1;AlignVert=Top;</StyleData>     </NamedStyle>   </StyleCollection>   <ChartGroupsCollection>     <ChartGroup>       <DataSerializer Hole="1000000000">         <DataSeriesCollection>           <DataSeriesSerializer FitType="Spline">             <LineStyle Color="CornflowerBlue" />             <SymbolStyle Size="10" Color="CornflowerBlue" Shape="Dot" />             <SeriesLabel>series 0</SeriesLabel>             <X>0;1;2;3;4</X>             <Y>1;8;5;64;125</Y>             <Y1>5;6;18;48;100</Y1>             <Y2>5;7;20;55;112</Y2>             <Y3>1;6;25;60;122</Y3>             <DataTypes>Single;Single;Single;Single;Single</DataTypes>             <DataFields>;;;;</DataFields>             <Tag />           </DataSeriesSerializer>         </DataSeriesCollection>       </DataSerializer>       <Name>Group1</Name>       <Stacked>False</Stacked>       <ChartType>XYPlot</ChartType>       <Pie>OtherOffset=0,Start=0</Pie>       <Bar>ClusterOverlap=0,ClusterWidth=50</Bar>       <HiLoData>FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True</HiLoData>       <Bubble>EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5</Bubble>       <Polar>Degrees=True,PiRatioAnnotations=True,Start=0</Polar>       <Radar>Degrees=True,Filled=False,Start=0</Radar>       <Use3D>False</Use3D>       <Visible>True</Visible>       <ShowOutline>True</ShowOutline>     </ChartGroup>     <ChartGroup>       <DataSerializer Hole="1000000000" />       <Name>Group2</Name>       <Stacked>False</Stacked>       <ChartType>XYPlot</ChartType>       <Pie>OtherOffset=0,Start=0</Pie>       <Bar>ClusterOverlap=0,ClusterWidth=50</Bar>       <HiLoData>FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True</HiLoData>       <Bubble>EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5</Bubble>       <Polar>Degrees=True,PiRatioAnnotations=True,Start=0</Polar>       <Radar>Degrees=True,Filled=False,Start=0</Radar>       <Visible>True</Visible>       <ShowOutline>True</ShowOutline>     </ChartGroup>   </ChartGroupsCollection>   <Header Compass="North">     <Text>Header Region </Text>   </Header>   <Footer Compass="South" Visible="False">     <Text>Footer text</Text>   </Footer>   <Legend Compass="South" Visible="True" Orientation="Horizontal">     <Text />     <Reversed>True</Reversed>   </Legend>   <ChartArea Depth="20" Rotation="45" Elevation="45" />   <Axes>     <Axis Max="4" Min="0" AnnotationRotation="-45" UnitMajor="1" UnitMinor="0.5" AutoMajor="True" AutoMinor="True" AutoMax="True" AutoMin="True" _onTop="0" Compass="South">       <Text />       <GridMajor Spacing="1" AutoSpace="True" Color="Black" Pattern="Dash" />       <GridMinor Visible="True" Spacing="0.5" AutoSpace="True" Color="LightGray" Pattern="Dash" />     </Axis>     <Axis Max="140" Min="0" UnitMajor="20" UnitMinor="10" AutoMajor="True" AutoMinor="True" AutoMax="True" AutoMin="True" _onTop="0" Compass="West">       <Text />       <GridMajor Visible="True" Spacing="20" AutoSpace="True" Color="Black" Pattern="Dash" />       <GridMinor AutoSpace="True" Color="LightGray" Pattern="Dash" />     </Axis>     <Axis Max="0" Min="0" UnitMajor="0" UnitMinor="0" AutoMajor="True" AutoMinor="True" AutoMax="True" AutoMin="True" _onTop="0" Compass="East">       <Text />       <GridMajor AutoSpace="True" Color="LightGray" Pattern="Dash" />       <GridMinor AutoSpace="True" Color="LightGray" Pattern="Dash" />     </Axis>   </Axes> </Chart2DPropBag>'></SERIALIZER></TD>
                </TR>
            </TABLE>
        </form>
    </body>
</HTML>

B :.CS代码如下:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using C1.Web.C1WebChart;
using C1.Win.C1Chart;

namespace Web3D
...{
    /**//// <summary>
    /// WebForm1 的摘要说明。
    /// </summary>
    public class WebForm1 : System.Web.UI.Page
    ...{
        protected System.Web.UI.WebControls.RadioButtonList ddlSheet;
        protected C1.Web.C1WebChart.C1WebChart C1WebChart1;
    
        private void Page_Load(object sender, System.EventArgs e)
        ...{
            // 在此处放置用户代码以初始化页面

            RenderChart("33728");
        }

        private void RenderChart(string  stcdt)
        ...{
            string Caption ="(斋堂水库)"+"统计图";
            C1WebChart1.Header.Text = Caption;
            DataSet ds = Get_Data( stcdt );   

            DataView dv = new DataView(ds.Tables[0]);
            if (dv.Count>100)
            ...{
                PointF[] data = new PointF[dv.Count];
                for (int i = 0; i < data.Length; i++) 
                ...{ 
                    float y = float.Parse(dv[i]["ZI"].ToString()); 
                    float x=float.Parse(dv[i]["V"].ToString());
                    data[i] = new PointF(x, y); 
                } 
                ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[0]; 
                series.SymbolStyle.Size=0;
                series.PointData.CopyDataIn(data); 
            }
            else
            ...{
                PointF[] data = new PointF[dv.Count];
                for (int i = 0; i < data.Length; i++) 
                ...{ 
                    float y = float.Parse(dv[i]["ZI"].ToString()); 
                    float x=float.Parse(dv[i]["V"].ToString());
                    data[i] = new PointF(x, y); 
                } 
                ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[0]; 
                series.PointData.CopyDataIn(data); 
            }
            
            
        }

        public DataSet Get_Data(string stcdt)
        ...{
            String DBConnStr;
            DataSet MyDataSet=new DataSet();
            System.Data.SqlClient.SqlDataAdapter DataAdapter=new System.Data.SqlClient.SqlDataAdapter();
            DBConnStr=System.Configuration.ConfigurationSettings.AppSettings["DBConnectString"];
            System.Data.SqlClient.SqlConnection myConnection = new System.Data.SqlClient.SqlConnection(DBConnStr);
            if (myConnection.State!=ConnectionState.Open) 
            ...{
                myConnection.Open();
            }   
            System.Data.SqlClient.SqlCommand myCommand = new System.Data.SqlClient.SqlCommand("Select  ZI,V,B.AREA FROM STNM A,Data B WHERE A.STCDT=B.STCDT and A.STCDT=@STCDT ORDER BY ZI",myConnection);
            myCommand.Parameters.Add("@STCDT",SqlDbType.VarChar );
            myCommand.Parameters["@STCDT"].Value =stcdt ; //参数化赋值
            myCommand.ExecuteNonQuery();
            DataAdapter.SelectCommand = myCommand;
            if (MyDataSet!=null)
            ...{
                DataAdapter.Fill(MyDataSet,"table");
            }
            
            if (myConnection.State == ConnectionState.Open)
            ...{
                myConnection.Close();
            }
            return MyDataSet;

        }


        Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        ...{
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        ...{    
            this.ddlSheet.SelectedIndexChanged += new System.EventHandler(this.ddlSheet_SelectedIndexChanged);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void ddlSheet_SelectedIndexChanged(object sender, System.EventArgs e)
        ...{
            ChartGroup grp= this.C1WebChart1.ChartGroups[0];
            Chart2DTypeEnum ctype = (Chart2DTypeEnum)
                Enum.Parse(typeof(Chart2DTypeEnum),ddlSheet.SelectedItem.Value.Replace("3d",""),true);

            string Caption_Name=null;

            if (this.ddlSheet.SelectedValue.IndexOf("3d")<0)
            ...{
                grp.ChartType = ctype;
                grp.Use3D = false;
                Caption_Name="(平面)";

            }
            else
            ...{
                grp.ChartType = ctype;
                grp.Use3D = true;
                Caption_Name="(3D)";
            }

            string tt = string.Empty;
            ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[0];

            switch(ctype)
            ...{
                case Chart2DTypeEnum.XYPlot:
                    series.Label="库容与水位关系曲线图"+Caption_Name;
                    break;
                case Chart2DTypeEnum.Bar:
                    series.Label="库容与水位柱状图"+Caption_Name;
                    break;

                case Chart2DTypeEnum.Area:
                    series.Label="库容与水位面积图+"+Caption_Name;
                    tt = "{#TEXT}";
                    break;
                case Chart2DTypeEnum.Pie:
                    series.Label="库容与水位饼图"+Caption_Name;
                    tt = "{#TEXT}";
                    break;
                case Chart2DTypeEnum.Bubble:
                    //tt = "({#XVAL},{#YVAL},{#Y1VAL})";
                    series.Label="库容与水位泡状图"+Caption_Name;
                    break;
                case Chart2DTypeEnum.Candle:
                    series.Label="库容与水位烛型图"+Caption_Name;
                    //tt = "X={#XVAL}, Hi={#YVAL}, Lo={#Y1VAL}";
                    //lineThickness = 3;
                    break;
                case Chart2DTypeEnum.HiLo:
                    series.Label="库容与水位HiLo图"+Caption_Name;
                    //tt = "X={#XVAL}, Hi={#YVAL}, Lo={#Y1VAL}";
                    break;
                case Chart2DTypeEnum.HiLoOpenClose:
                    series.Label="库容与水位HiLoOpenClose图"+Caption_Name;
                    tt = "X={#XVAL} Hi={#YVAL}, Lo={#Y1VAL} Open={#Y2VAL}, Close={#Y3VAL}";
                    //lineThickness = 3;
                    break;

                case Chart2DTypeEnum.Polar:
                    series.Label="库容与水位Polar图"+Caption_Name;
                    break;
                case Chart2DTypeEnum.Radar:
                    series.Label="库容与水位Radar图"+Caption_Name;
                    break;
                    
                default:
                    tt = "({#XVAL},{#YVAL})";
                    break;
            }
            C1WebChart1.ImageAreas.GetByName("ChartData").Tooltip = tt;
        }
    }
}

C:Web.config代码如下:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
    
  <system.web>
  <httpHandlers>
        <add verb="*" path="c1chartimage.aspx" type="C1.Web.C1WebChart.ImageHttpHandler,C1.Web.C1WebChart"/>
    </httpHandlers>

    <!--  动态调试编译
          设置 compilation debug="true" 以启用 ASPX 调试。否则,将此值设置为
          false 将提高此应用程序的运行时性能。
          设置 compilation debug="true" 以将调试符号(.pdb 信息)
          插入到编译页中。因为这将创建执行起来
          较慢的大文件,所以应该只在调试时将此值设置为 true,而在所有其他时候都设置为
          false。有关更多信息,请参考有关
          调试 ASP.NET 文件的文档。
    -->
    <compilation 
         defaultLanguage="c#"
         debug="true"
    />

    <!--  自定义错误信息
          设置 customErrors mode="On" 或 "RemoteOnly" 以启用自定义错误信息,或设置为 "Off" 以禁用自定义错误信息。 
          为每个要处理的错误添加 <error> 标记。

          "On" 始终显示自定义(友好的)信息。
          "Off" 始终显示详细的 ASP.NET 错误信息。
          "RemoteOnly" 只对不在本地 Web 服务器上运行的
           用户显示自定义(友好的)信息。出于安全目的,建议使用此设置,以便 
           不向远程客户端显示应用程序的详细信息。
    -->
    <customErrors 
    mode="RemoteOnly" 
    /> 

    <!--  身份验证 
          此节设置应用程序的身份验证策略。可能的模式是 "Windows"、 
          "Forms"、 "Passport" 和 "None"

          "None" 不执行身份验证。 
          "Windows" IIS 根据应用程序的设置执行身份验证 
            (基本、简要或集成 Windows)。在 IIS 中必须禁用匿名访问。
          "Forms" 您为用户提供一个输入凭据的自定义窗体(Web 页),然后 
           在您的应用程序中验证他们的身份。用户凭据标记存储在 Cookie 中。
          "Passport" 身份验证是通过 Microsoft 的集中身份验证服务执行的,
           它为成员站点提供单独登录和核心配置文件服务。
    -->
    <authentication mode="Windows" /> 

    <!--  授权 
           此节设置应用程序的授权策略。可以允许或拒绝不同的用户或角色访问
          应用程序资源。通配符: "*" 表示任何人,"?" 表示匿名
          (未经身份验证的)用户。
    -->

    <authorization>
        <allow users="*" /> <!-- 允许所有用户 -->
            <!--  <allow     users="[逗号分隔的用户列表]"
                             roles="[逗号分隔的角色列表]"/>
                  <deny      users="[逗号分隔的用户列表]"
                             roles="[逗号分隔的角色列表]"/>
            -->
    </authorization>

    <!--  应用程序级别跟踪记录
          应用程序级别跟踪为应用程序中的每一页启用跟踪日志输出。
          设置 trace enabled="true" 可以启用应用程序跟踪记录。如果 pageOutput="true",则
          在每一页的底部显示跟踪信息。否则,可以通过浏览 Web 应用程序
           根目录中的 "trace.axd" 页来查看
          应用程序跟踪日志。
    -->
    <trace
        enabled="false"
        requestLimit="10"
        pageOutput="false"
        traceMode="SortByTime"
        localOnly="true"
    />

    <!--  会话状态设置
          默认情况下,ASP.NET 使用 Cookie 来标识哪些请求属于特定的会话。
          如果 Cookie 不可用,则可以通过将会话标识符添加到 URL 来跟踪会话。
         若要禁用 Cookie,请设置 sessionState cookieless="true"。
    -->
    <sessionState 
            mode="InProc"
            stateConnectionString="tcpip=127.0.0.1:42424"
            sqlConnectionString="data source=127.0.0.1;Trusted_Connection=yes"
            cookieless="false" 
            timeout="20" 
    />

    <!--  全球化
          此节设置应用程序的全球化设置。
    -->
    <globalization 
            requestEncoding="utf-8" 
            responseEncoding="utf-8" 
   />
   
 </system.web>
 <appSettings>
      <add key="DBConnectString" value="server=(local);User ID=sa;Password=sa;database=CSDN" />
</appSettings>


</configuration>

D:数据库代码如下:

--建数据库
Create Database CSDN 
--建表
 DROP TABLE [STNM] 
 CREATE TABLE [STNM] ( [STCDT] [char] (5) NOT NULL , [STNM] [char] (30) NULL , [RVNM] [char] (30) NULL , [SUBNM] [char] (30) NULL , [BNNM] [char] (30) NULL ,  [ELSO] [int] NULL ,  [NTLA] [int] NULL , [STADDR] [char] (30) NULL , [ADCD] [char] (6) NULL , [BASE] [float] NULL , [MDPR] [float] NULL , [STTP] [char] (2) NOT NULL ,  [NDR] [int] NULL , [ITEM] [char] (30) NULL , [FNYM] [char] (6) NULL , [ENDYM] [char] (6) NULL ,  [ROW_ORDER] [int] NULL , [AREA] [float] NULL , [IsSat] [char] (2) NULL , [IsBroad] [char] (2) NULL )

 INSERT [STNM] ( [STCDT] , [STNM] , [RVNM] , [SUBNM] , [BNNM] , [ELSO] , [NTLA] , [STADDR] , [STTP] , [FNYM] , [ENDYM] , [IsSat] , [IsBroad] ) VALUES ( '33728' , '斋堂水库                      ' , '清水河                        ' , '永定河                        ' , '海河流域                      ' , 115 , 39 , '京-门头沟                     ' , 'RR' , '195401' , '195401' , '否' , '否' )

--建表
DROP TABLE [Data] 
 CREATE TABLE [Data] ( [STCDT] [char] (5) NOT NULL , [ZI] [float] NOT NULL , [V] [float] NULL ,  [AREA] [int] NULL )

 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 412.0 , 0.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 415.0 , 0.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 416.0 , 0.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 418.0 , 5.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 420.0 , 10.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 422.0 , 60.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 424.0 , 100.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 426.0 , 160.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 428.0 , 220.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 430.0 , 300.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 432.0 , 400.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 434.0 , 500.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 438.0 , 745.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 440.0 , 895.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 442.0 , 1050.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 444.0 , 1210.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 446.0 , 1410.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 448.0 , 1600.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 450.0 , 1810.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 452.0 , 2040.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 454.0 , 2290.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 456.0 , 2550.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 458.0 , 2845.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 460.0 , 3175.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 464.0 , 3880.0 )
 INSERT [Data] ( [STCDT] , [ZI] , [V] ) VALUES ( '33728' , 468.0 , 4680.0 )

以上为完整代码。

C1WebChart 图形化处理。相关推荐

  1. 晶体管逻辑芯片设计微缩图形化

    晶体管逻辑芯片设计微缩图形化 伴随着晶体管大小不断逼近原子的物理体积极限,传统摩尔定律下的2D微缩技术不再能同时改善芯片的性能.功率.面积成本和上市时间(即:PPACt),晶体管设计.互连微缩.图形化 ...

  2. centos7上的图形化界面svn客户端_Git实战一:图形客户端规范用法小讲

    git作为一款分布式版本管理工具,受到许多资深码农喜爱,我也刚好是其中一位. 百度上有许多介绍git安装教程.和svn的区别,这些都不再重复,好多也是介绍命令模式操作git,但是今天我要讲的是图形化操 ...

  3. fedora mysql默认密码忘记_Linux fedora 24 忘记密码图形化界面修改root密码的方法

    方法及其简单,只需要两步即可: 1.第一步: 打开终端,输入sudo su命令. –此处的密码为普通用户的密码,也就是开机时输入的密码. 2.第二步: 直接sudo passwd root就重置了ro ...

  4. gdb图形化调试工具总结

    gdb除了命令行方式等的调试之外,还有图形化的调试工具,下面列举一些供参考 1:insight 2: ddd 3: kgdb 4: xxgdb 其它的工具欢迎补充

  5. 利用VisualEsxtop工具图形化查看esxtop参数

    怎样使用VisualEsxtop工具 众多VMware的工程师都知道esxtop/rextop在进行故障排查.性能检测的场景中的重要性:一般而言我们都可以通过各种shell工具连接到ESXI主机,默认 ...

  6. 自制操作系统Antz(9)——实现内核 (下) 实现图形化界面

    Antz系统更新地址: https://www.cnblogs.com/LexMoon/category/1262287.html Linux内核源码分析地址:https://www.cnblogs. ...

  7. Java图形化界面设计——容器(JFrame)

    Java图形化界面设计--容器(JFrame) 程序是为了方便用户使用的,因此实现图形化界面的程序编写是所有编程语言发展的必然趋势,在命令提示符下运行的程序可以让我们了解java程序的基本知识体系结构 ...

  8. 四月青少年编程组队学习(图形化四级)Task05

    电子学会 软件编程(图形化)四级 组队学习 试题来源: 青少年软件编程(Scratch)等级考试试卷(四级)[2019.12] 青少年软件编程(Scratch)等级考试试卷(四级)[2020.06] ...

  9. 四月青少年编程组队学习(图形化四级)Task03

    电子学会 软件编程(图形化)四级 组队学习 试题来源: 青少年软件编程(Scratch)等级考试试卷(四级)[2019.12] 青少年软件编程(Scratch)等级考试试卷(四级)[2020.06] ...

  10. 四月青少年编程组队学习(图形化四级)Task01

    电子学会 软件编程(图形化)四级 组队学习 试题来源: 青少年软件编程(Scratch)等级考试试卷(四级)[2019.12] 青少年软件编程(Scratch)等级考试试卷(四级)[2020.06] ...

最新文章

  1. 打破情感分类准确率80分天花板!更充分的知识图谱结合范式
  2. Debug时如何跳过(不执行)某些代码
  3. noip2017考前整理(未完)
  4. AcWing 1087. 修剪草坪28
  5. 记一次centos 6 x64位系统修复过程
  6. redis中zset底层实现原理
  7. 手机号归属地 mysql脚本_示例演示手机号归属地查询功能
  8. C++11 函数模板的默认模板参数
  9. ftp linux 推送文件_Linux下SSH用FTP命令上传文件至另一个FTP空间
  10. UFT11.5如何复用QTP9.2的脚本
  11. HTML hidden 属性
  12. 到底什么是有限单元法?
  13. 【MMML】多模态机器学习高被引综述论文笔记
  14. 陶哲轩实分析 3.4
  15. U盘启动盘制作(步骤详细)
  16. vue datepicker 动态控制时分秒 当前时间以后可选
  17. c语言 请编程序将 China 译成密码,分别用putchar和printf函数输出这5个字符
  18. 云计算的认识和看法_浅谈对云计算的认识
  19. 骑士CMS模版注入+文件包含getshell复现
  20. CocosEditor For JS (Cocos2d-JS) 教程聚合和代码下载

热门文章

  1. eclipse闪退问题
  2. 【2016-2017 ACM-ICPC (ECNA 2016) F】Removal Game【区间DP】
  3. 括号里面一个上面一个数下面一个数符号怎么打?/ 概率论组合符号怎么打?
  4. 2020牛客多校训练1 H Minimum-cost Flow(最小费用流)
  5. 5条线程轮流打印1~100
  6. 微信小程序 this.data与this.setData
  7. Android StickHeaderRecyclerView - 让recyclerview头部固定
  8. css 跳转电脑分辨率
  9. 设计模式-12-命令模式
  10. silverlight 碰撞检测