当前位置：首页 > 开发资源 » 示例代码 » DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

作者：huhm 来源：本站原创浏览：Loading...次发布时间：2012-05-18 评论：0条

本教程演示了，如何在DevExpress XtraCharts ASPxCallbackPanel回调时如何完成WebChartControl的添加。

1、创建一个新的ASP.NET Web应用程序（Visual Studio 2008或2010），或打开一个现有的。

2、将所需的程序集添加到项目中。

注意：如果你喜欢，控件也可以自动添加（拖放一个WebChartControl实例到页面中），这会影响你的web应用程序的Web.config文件。关于这些变化的更多信息，请参阅为DevExpress XtraCharts添加一个Web图表。

3、切换到Default.aspx页面的设计视图，从DX.11.2：公共控件工具栏拖放一个ASPxButton到页面中。处理它的Click事件，生成一个Web图表。

DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

4、然后，按一下按钮的智能标签。在调用操作列表，禁用AutoPostBack属性，并单击客户端事件......链接。

在调用对话框中，从客户端的Click事件处理程序，调用回调面板PerformCallback（）。

DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

申请更改，单击"确定"退出对话框。

5、现在，从DX.11.2：导航和布局工具栏拖放ASPxCallbackPanel到页面上。

DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

6、设置其ClientInstanceName面板，并以下列方式处理回调事件。

C#源码：

using System;  
using DevExpress.XtraCharts;  
using DevExpress.XtraCharts.Web;  
using DevExpress.Web.ASPxClasses;  
using DevExpress.Web.ASPxCallbackPanel;  
// ...     
protected void ASPxCallbackPanel1_Callback(object sender,   
CallbackEventArgsBase e) {
      WebChartControl wbc = new WebChartControl();
        wbc.Series.Add(new Series("Series", ViewType.Line));
      wbc.Series[0].ArgumentScaleType = ScaleType.DateTime;
      wbc.Series[0].ValueScaleType = ScaleType.Numerical;
      Random r = new Random();
      for (int i = 0; i < 5; i++) {
      wbc.Series[0].Points.Add(new SeriesPoint(DateTime.Today.AddDays(i),
          ((int)((r.NextDouble() * 100) * 10)) / 10.0));
      }
        wbc.Width = ((ASPxCallbackPanel)sender).Width;
      ((ASPxCallbackPanel)sender).Controls.Add(wbc);  
}

VB源码：

Imports System  
Imports DevExpress.XtraCharts  
Imports DevExpress.XtraCharts.Web  
Imports DevExpress.Web.ASPxClasses  
Imports DevExpress.Web.ASPxCallbackPanel  
' ...     
Protected Sub ASPxCallbackPanel1_Callback(ByVal sender As Object, _   
ByVal e As CallbackEventArgsBase)
      Dim wbc As New WebChartControl()
        wbc.Series.Add(New Series("Series", ViewType.Line))
      wbc.Series(0).ArgumentScaleType = ScaleType.DateTime
      wbc.Series(0).ValueScaleType = ScaleType.Numerical
        Dim r As New Random()
      For i As Integer = 0 To 4
          wbc.Series(0).Points.Add(New SeriesPoint(DateTime.Today.AddDays(i), _
           (CInt(Fix((r.NextDouble() * 100) * 10))) / 10.0))
      Next i
        wbc.Width = (CType(sender, ASPxCallbackPanel)).Width
      CType(sender, ASPxCallbackPanel).Controls.Add(wbc)  
End Sub

运行应用程序，并查看结果。

DevExpress XtraCharts ASPxCallbackPanel回调时如何添加图表（运行示例）

本站文章除注明转载外，均为本站原创或翻译
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：DevExpress控件中文网 [http://www.devexpresscn.com/]
本文地址：http://www.devexpresscn.com/DevExpress-Resources/Demo-103.html

关键字： XtraCharts 图表 chart ASP.NET Web

相关产品： DXperience Universal Subscription

上一篇： DevExpress XtraCharts如何在Web页面中添加图表（运行示例）

下一篇： DevExpress Silverlight如何绑定PivotGrid到OLAP多维数据集