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 に答える