Javascript 如何在aspx图表控件中设置柱状图动画？

我使用asp图表控件在单击按钮时显示了一个柱状图。它正在工作。现在我想设置一些计时器，以便在页面加载时使用计时器显示每个列（如动画）。不使用任何库怎么可能呢

<asp:Chart ID="Chart1" Visible="false" runat="server" 
    BackColor="DarkRed" BackImageAlignment="Center" 
        BackImageTransparentColor="MediumVioletRed" BackSecondaryColor="White" 
        BorderlineDashStyle="DashDotDot" Palette="Excel" Height="390px" 
        Width="800px">
        <Titles>
    <asp:Title Font="Times New Roman, 12pt, style=Bold" Name="Title1"  ForeColor="White"
        Text="Sample Test">
    </asp:Title>
</Titles>
 <Series>
 <asp:Series Name="Series1" XValueMember="month" YValueMembers="sales"  ChartType="Column"
CustomProperties="DrawingStyle=LightToDark, DrawSideBySide=True" Color="#800033" IsValueShownAsLabel="True"  LabelForeColor="#800033">
</asp:Series> 
    </Series>
  <ChartAreas>
   <asp:ChartArea Name="ChartArea1" BorderColor="Transparent">               
   </asp:ChartArea>
   </ChartAreas>
   </asp:Chart>


    public void BindDatatoChart1()
{
    Chart1.Visible = true;
    DataTable dt = new DataTable();
    using (SqlConnection cn = obj.getcon())
    {
        string sql = "select * from sample1 order by id";
        using (SqlCommand cmd = new SqlCommand(sql, cn))
        {
            using (SqlDataAdapter da = new SqlDataAdapter(cmd))
            {
                da.Fill(dt);
            }

        }
    }
    System.Timers.Timer timer = new System.Timers.Timer();
    timer.Interval = 15;
    timer.Start();
    Chart1.DataSource = dt;
    Chart1.DataBind();
    }

public void BindDatatoChart1（）
{
图表1.可见=真实；
DataTable dt=新的DataTable（）；
使用（SqlConnection cn=obj.getcon（））
{
string sql=“按id从样本1顺序选择*”；
使用（SqlCommand cmd=newsqlcommand（sql，cn））
{
使用（SqlDataAdapter da=newsqldataadapter（cmd））
{
da.填充（dt）；
}
}
}
System.Timers.Timer Timer=新的System.Timers.Timer（）；
时间间隔=15；
timer.Start（）；
图表1.DataSource=dt；
图1.DataBind（）；
}

这不是一个真正的ASP.NET问题。我认为你应该纯粹从客户的角度来考虑这个问题。您可以使用纯CSS动画来完成您想要的任务，而且您可能也需要，因为ASP.NET是一种服务器端技术，因此不会为您处理动画。

---

可以使用css关键帧将列的初始高度设置为0，然后在给定时间内转换为100%。看

好主意。你能帮忙吗？问题是，你需要CSS选择器来设置你想要动画的列，这就是为什么ASP.NET WebForms不适合这个问题的原因，因为你不能完全控制HTML。您需要检查图表的标记，并找到选择列的方法。如果你能做到这一点，那么我上面链接的方法应该会告诉你如何做到这一点。可以使用transform:scale（x，y）CSS属性设置高度动画。