C1WebChart 图形化处理。

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" ? > &#13;&#10; < Chart2DPropBag  Version ="" > &#13;&#10;   < StyleCollection > &#13;&#10;    <NamedStyle Name="PlotArea" ParentName="Area">&#13;&#10;      <StyleData>GradientStyle=None;Border=None,Control,1;BackColor2=SteelBlue;BackColor=255, 253, 232;Opaque=True;HatchStyle=None; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Legend"  ParentName ="Legend.default" > &#13;&#10;       < StyleData > Border=Solid,Black,1;AlignHorz=General;BackColor=Snow;Font=Microsoft Sans Serif, 9pt;AlignVert=Top;Wrap=True; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Footer"  ParentName ="Control" > &#13;&#10;       < StyleData > Border=None,Control,1; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Area"  ParentName ="Area.default" > &#13;&#10;       < 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 > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Control"  ParentName ="Control.default" > &#13;&#10;       < StyleData > BackColor=255, 250, 210;Font=Microsoft Sans Serif, 10pt, style=Bold; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="AxisX"  ParentName ="Area" > &#13;&#10;       < StyleData > Font=Microsoft Sans Serif, 9pt;AlignVert=Bottom;AlignHorz=Center;Rotation=Rotate0;Border=None,Control,1;Opaque=False;BackColor=Transparent; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="AxisY"  ParentName ="Area" > &#13;&#10;       < StyleData > Font=Microsoft Sans Serif, 10pt;AlignVert=Center;AlignHorz=Near;Rotation=Rotate270;Border=None,Control,1;Opaque=False;BackColor=Transparent; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="LabelStyleDefault"  ParentName ="LabelStyleDefault.default" > &#13;&#10;       < StyleData > Font=Microsoft Sans Serif, 10pt, style=Bold; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Legend.default"  ParentName ="Control" > &#13;&#10;       < StyleData > Border=None,Black,1;Wrap=False;AlignVert=Top; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="LabelStyleDefault.default"  ParentName ="Control" > &#13;&#10;       < StyleData > Border=None,Control,1;BackColor=Transparent; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Header"  ParentName ="Control" > &#13;&#10;       < StyleData > Border=None,Control,1;AlignHorz=Center; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Control.default"  ParentName ="" > &#13;&#10;       < StyleData > ForeColor=ControlText;Border=None,Control,1;BackColor=Control; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="AxisY2"  ParentName ="Area" > &#13;&#10;       < StyleData > Rotation=Rotate90;Border=None,Transparent,1;AlignHorz=Far;BackColor=Transparent;AlignVert=Center; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;     < NamedStyle  Name ="Area.default"  ParentName ="Control" > &#13;&#10;       < StyleData > Border=None,Control,1;AlignVert=Top; </ StyleData > &#13;&#10;     </ NamedStyle > &#13;&#10;   </ StyleCollection > &#13;&#10;   < ChartGroupsCollection > &#13;&#10;     < ChartGroup > &#13;&#10;       < DataSerializer  Hole ="1000000000" > &#13;&#10;         < DataSeriesCollection > &#13;&#10;           < DataSeriesSerializer  FitType ="Spline" > &#13;&#10;             < LineStyle  Color ="CornflowerBlue"   /> &#13;&#10;             < SymbolStyle  Size ="10"  Color ="CornflowerBlue"  Shape ="Dot"   /> &#13;&#10;             < SeriesLabel > series 0 </ SeriesLabel > &#13;&#10;             < X > 0;1;2;3;4 </ X > &#13;&#10;             < Y > 1;8;5;64;125 </ Y > &#13;&#10;             < Y1 > 5;6;18;48;100 </ Y1 > &#13;&#10;             < Y2 > 5;7;20;55;112 </ Y2 > &#13;&#10;             < Y3 > 1;6;25;60;122 </ Y3 > &#13;&#10;             < DataTypes > Single;Single;Single;Single;Single </ DataTypes > &#13;&#10;             < DataFields > ;;;; </ DataFields > &#13;&#10;             < Tag  /> &#13;&#10;           </ DataSeriesSerializer > &#13;&#10;         </ DataSeriesCollection > &#13;&#10;       </ DataSerializer > &#13;&#10;       < Name > Group1 </ Name > &#13;&#10;       < Stacked > False </ Stacked > &#13;&#10;       < ChartType > XYPlot </ ChartType > &#13;&#10;       < Pie > OtherOffset=0,Start=0 </ Pie > &#13;&#10;       < Bar > ClusterOverlap=0,ClusterWidth=50 </ Bar > &#13;&#10;       < HiLoData > FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True </ HiLoData > &#13;&#10;       < Bubble > EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5 </ Bubble > &#13;&#10;       < Polar > Degrees=True,PiRatioAnnotations=True,Start=0 </ Polar > &#13;&#10;       < Radar > Degrees=True,Filled=False,Start=0 </ Radar > &#13;&#10;       < Use3D > False </ Use3D > &#13;&#10;       < Visible > True </ Visible > &#13;&#10;       < ShowOutline > True </ ShowOutline > &#13;&#10;     </ ChartGroup > &#13;&#10;     < ChartGroup > &#13;&#10;       < DataSerializer  Hole ="1000000000"   /> &#13;&#10;       < Name > Group2 </ Name > &#13;&#10;       < Stacked > False </ Stacked > &#13;&#10;       < ChartType > XYPlot </ ChartType > &#13;&#10;       < Pie > OtherOffset=0,Start=0 </ Pie > &#13;&#10;       < Bar > ClusterOverlap=0,ClusterWidth=50 </ Bar > &#13;&#10;       < HiLoData > FillFalling=True,FillTransparent=True,FullWidth=False,ShowClose=True,ShowOpen=True </ HiLoData > &#13;&#10;       < Bubble > EncodingMethod=Diameter,MaximumSize=20,MinimumSize=5 </ Bubble > &#13;&#10;       < Polar > Degrees=True,PiRatioAnnotations=True,Start=0 </ Polar > &#13;&#10;       < Radar > Degrees=True,Filled=False,Start=0 </ Radar > &#13;&#10;       < Visible > True </ Visible > &#13;&#10;       < ShowOutline > True </ ShowOutline > &#13;&#10;     </ ChartGroup > &#13;&#10;   </ ChartGroupsCollection > &#13;&#10;   < Header  Compass ="North" > &#13;&#10;     < Text > Header Region  </ Text > &#13;&#10;   </ Header > &#13;&#10;   < Footer  Compass ="South"  Visible ="False" > &#13;&#10;     < Text > Footer text </ Text > &#13;&#10;   </ Footer > &#13;&#10;   < Legend  Compass ="South"  Visible ="True"  Orientation ="Horizontal" > &#13;&#10;     < Text  /> &#13;&#10;     < Reversed > True </ Reversed > &#13;&#10;   </ Legend > &#13;&#10;   < ChartArea  Depth ="20"  Rotation ="45"  Elevation ="45"   /> &#13;&#10;   < Axes > &#13;&#10;     < Axis  Max ="4"  Min ="0"  AnnotationRotation ="-45"  UnitMajor ="1"  UnitMinor ="0.5"  AutoMajor ="True"  AutoMinor ="True"  AutoMax ="True"  AutoMin ="True"  _onTop ="0"  Compass ="South" > &#13;&#10;       < Text  /> &#13;&#10;       < GridMajor  Spacing ="1"  AutoSpace ="True"  Color ="Black"  Pattern ="Dash"   /> &#13;&#10;       < GridMinor  Visible ="True"  Spacing ="0.5"  AutoSpace ="True"  Color ="LightGray"  Pattern ="Dash"   /> &#13;&#10;     </ Axis > &#13;&#10;     < Axis  Max ="140"  Min ="0"  UnitMajor ="20"  UnitMinor ="10"  AutoMajor ="True"  AutoMinor ="True"  AutoMax ="True"  AutoMin ="True"  _onTop ="0"  Compass ="West" > &#13;&#10;       < Text  /> &#13;&#10;       < GridMajor  Visible ="True"  Spacing ="20"  AutoSpace ="True"  Color ="Black"  Pattern ="Dash"   /> &#13;&#10;       < GridMinor  AutoSpace ="True"  Color ="LightGray"  Pattern ="Dash"   /> &#13;&#10;     </ Axis > &#13;&#10;     < Axis  Max ="0"  Min ="0"  UnitMajor ="0"  UnitMinor ="0"  AutoMajor ="True"  AutoMinor ="True"  AutoMax ="True"  AutoMin ="True"  _onTop ="0"  Compass ="East" > &#13;&#10;       < Text  /> &#13;&#10;       < GridMajor  AutoSpace ="True"  Color ="LightGray"  Pattern ="Dash"   /> &#13;&#10;       < GridMinor  AutoSpace ="True"  Color ="LightGray"  Pattern ="Dash"   /> &#13;&#10;     </ Axis > &#13;&#10;   </ Axes > &#13;&#10; </ 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 窗体设计器生成的代码

        
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  )

以上为完整代码。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值