Wednesday, June 8, 2011

Create a 3D chart in ASP.NET 4.0


Creating a 3D chart in ASP.NET 4.0 is a cakewalk! Let us take an example of converting a simple chart to a 3D chart in ASP.NET 4.0

The chart shown below is a simple Column chart

 <asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1" Height="452px"
            Width="822px"  BackColor="WhiteSmoke" BackGradientStyle="TopBottom"
            BackHatchStyle="DarkDownwardDiagonal">
            <Series>
                <asp:Series Name="Series1" XValueMember="Files_Name" YValueMembers="counts" LabelToolTip="FileName"
                    Palette="BrightPastel" IsValueShownAsLabel="true" YValuesPerPoint="4" IsVisibleInLegend="true"
                    ShadowColor="Black">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1">
                    <Area3DStyle Enable3D="true" Inclination="10" LightStyle="Realistic" Perspective="15"
                        IsRightAngleAxes="false" IsClustered="false" />
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:RegistrationConnectionString %>"
            SelectCommand="SELECT     COUNT(*) AS counts, Files_Name
FROM         TrackingInfo
GROUP BY Files_Name">



No comments:

Post a Comment