0

我正在使用 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();
4

2 回答 2

1

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

如果您查看来自 DevExpress 的此视频，它似乎完全按照您的要求进行。他们在这里有很好的控制文档。

于 2012-07-13T12:37:24.243 回答
0

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

于 2012-07-13T13:37:48.233 回答