Question

我使用asp：Chart来显示图表。加载页面时会显示图表。我想为图表控件添加效果，就像条形图应该从0缓慢上升到某个值（取决于y值）。如何用asp：chart ??

添加这样的效果

这是我在.aspx页面中的图表代码。

<asp:Chart ID="DashboardGraph" runat="server" BackColor="#D3DFF0" Palette="BrightPastel"
            BorderDashStyle="Solid" BackGradientStyle="TopBottom" BorderWidth="2" BorderColor="26, 59, 105"
            ImageLocation="~/TempImages/ChartPic_#SEQ(500,3)" Width="500px" Height="350px">
            <Titles>
                <asp:Title ShadowColor="32, 0, 0, 0" Font="Trebuchet MS, 14.25pt, style=Bold" ShadowOffset="3"
                    Text="Inventory Statistics" ForeColor="26, 59, 105">
                </asp:Title>
            </Titles>
          <Legends>
                <asp:Legend Docking="Right" BackColor="Transparent">
                </asp:Legend>
            </Legends>
            <BorderSkin SkinStyle="Emboss"></BorderSkin>
            <Series>
                <asp:Series Name="ProductName" ChartType="Column" YValueType="Int32" IsValueShownAsLabel="true">

                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid"
                    BackSecondaryColor="Transparent" BackColor="64, 165, 191, 228" ShadowColor="Transparent"
                    BackGradientStyle="TopBottom" >
                    <Area3DStyle Rotation="10" Inclination="15" WallWidth="0" />
                    <AxisY LineColor="64, 64, 64, 64" LabelAutoFitMaxFontSize="8" Title="Quantity" >
                        <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
                        <MajorGrid LineColor="64, 64, 64, 64" />
                    </AxisY>
                    <AxisX LineColor="64, 64, 64, 64" LabelAutoFitMaxFontSize="8" Interval="1" TitleAlignment="Near" Title="Products">
                        <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
                        <MajorGrid LineColor="64, 64, 64, 64" />
                    </AxisX>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>

以下是使用数据表

绑定asp：chart的代码

 DataTable dtGraph = objDashboard.GetDahboardGraphData();
 DashboardGraph.DataSource = dtGraph;
 DashboardGraph.Series["ProductName"].XValueMember = "ProductName";
 DashboardGraph.Series["ProductName"].YValueMembers = "Total";

 DashboardGraph.DataBind();

Answer 1

很抱歉，但是asp：图表控件不提供任何类型的动画，它们是渲染图像。有很多产品你可以创建你正在寻找的效果，例如VISIfire和DevExpress，但他们使用像Silverlight这样的技术来制作动画。如果您愿意购买它们，它们相对容易使用。

如果您查看来自DevExpress的this视频，它似乎正在完全按照您的要求进行操作。他们为控件提供了出色的文档here。

Answer 2

我最近看到了这个，但它是客户端（javascript）http://nickqizhu.github.com/dc.js/

添加效果到asp：图表控件

2 个答案: