C1WebChart图形化处理。

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› C++›C++教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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代码如下

<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>     </NamedStyle>     <NamedStyle Name="Footer" ParentName="Control">       <StyleData>     </NamedStyle>     <NamedStyle Name="Area" ParentName="Area.default">       <StyleData>     </NamedStyle>     <NamedStyle Name="Control" ParentName="Control.default">       <StyleData>     </NamedStyle>     <NamedStyle Name="AxisX" ParentName="Area">       <StyleData>     </NamedStyle>     <NamedStyle Name="AxisY" ParentName="Area">       <StyleData>     </NamedStyle>     <NamedStyle Name="LabelStyleDefault" ParentName="LabelStyleDefault.default">       <StyleData>     </NamedStyle>     <NamedStyle Name="Legend.default" ParentName="Control">       <StyleData>     </NamedStyle>     <NamedStyle Name="LabelStyleDefault.default" ParentName="Control">       <StyleData>     </NamedStyle>     <NamedStyle Name="Header" ParentName="Control">       <StyleData>     </NamedStyle>     <NamedStyle Name="Control.default" ParentName="">       <StyleData>     </NamedStyle>     <NamedStyle Name="AxisY2" ParentName="Area">       <StyleData>     </NamedStyle>     <NamedStyle Name="Area.default" ParentName="Control">       <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

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
         defaultLanguage="c#"
         debug="true"
    />

    
    <customErrors
    mode="RemoteOnly"
    />

    
    <authentication mode="Windows" />

    

    <authorization>
        <allow users="*" /> 
            
    </authorization>

    
    <trace
        enabled="false"
        requestLimit="10"
        pageOutput="false"
        traceMode="SortByTime"
        localOnly="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：数据库代码如下：