ajaxPro.2与c1控件

登录

我想网页打开后过几秒在给barchart填充数据，我用了ajaxPro.2这个类
前台代码
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
      var timer = window.setTimeout("showData()", 10000);
      function showData() {
         window.WebApplication1.WebForm6.show();
      }
</script>
</head>
<body>
<form id="form1" runat="server">
<wijmo:C1BarChart ID="C1BarChart1" runat="server">
</wijmo:C1BarChart>
</form>
</body>
后台代码
protected void Page_Load(object sender, EventArgs e)
      {
         AjaxPro.Utility.RegisterTypeForAjax(typeof(WebForm6));
      }

      [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.ReadWrite)]
      public void show()
      {
         setChart(this.C1BarChart1, getDT());
      }

      private DataTable getDT()
      {
         DataTable dt = new DataTable();
         try
         {
            dt.Columns.Add("bits_name");
            dt.Columns.Add("interval");
            dt.Columns.Add("received_time");
            dt.Columns.Add("status");
            for (int i = 0; i < 3; i++)
            {
                  Random rand = new Random();
                  DataRow dr = dt.NewRow();
                  dr["bits_name"] = "上海";
                  dr["interval"] = rand.Next(-10000, 10000);
                  dr["received_time"] = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
                  dr["status"] = rand.Next(-4, 3);
                  dt.Rows.Add(dr);
            }
         }
         catch (Exception)
         {

         }
         return dt;
      }

      private void setChart(C1BarChart chart, DataTable dt)
      {
         chart.SeriesList.Clear();
         chart.DataSource = dt;

         C1.Web.Wijmo.Controls.C1Chart.C1ChartBinding cb = new C1.Web.Wijmo.Controls.C1Chart.C1ChartBinding();
         cb.XField = "bits_name";
         cb.XFieldType = C1.Web.Wijmo.Controls.C1Chart.ChartDataXFieldType.String;

         cb.YField = "interval";
         cb.YFieldType = C1.Web.Wijmo.Controls.C1Chart.ChartDataYFieldType.Number;

         // add chartbinding object to the collection
         chart.DataBindings.Add(cb);
         chart.DataBind();

         //chart.Hint.Content.Function = "hintContent";

         chart.Legend.Visible = false;
         chart.Horizontal = false;
      }
运行起来就报错了，如下图

是控件和这个类有冲突吗？怎么解决？

Alice · Alice

回复 1楼rijun的帖子

谢谢您的反馈。
从您提供的信息来看，是不支持AjaxPro的。
C1BarChart的数据绑定以及支持的类型，请参考在线示例：
http://demo.gcpowertools.com.cn/ ... rt/DataBinding.aspx

rijun · rijun

回复 2楼Alice的帖子

那用ajax延时加载的话应该怎么写呢？就是用异步加载数据导barchart

Alice · Alice

回复 3楼rijun的帖子

您可以参考产品文档，添加脚本使用ajax data给chart。
参考链接：
http://helpcentral.componentone. ... 3of4addscript1.html

rijun · rijun

回复 4楼Alice的帖子

现在时间比较紧迫能否写个简单的例子给我？

Alice · Alice

回复 5楼rijun的帖子

您好。
4楼提供的文档中有详细的步骤和代码。
其中ajax调用获取数据，请参考如下（这段代码从文档中复制）：

$(document).ready(function () {
//ajax call to get the data
$.ajax({
type: "POST",
url: "GetOrders.asmx/GetDataOnLoad",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: {},
success: function (data) {
var arr = [];
try {
//push the data in an array
$.each(data.d, function (i, elem) {
arr.push({
Year: elem.Year,
OrderAmount: elem.OrderAmount
});
});
//initialize the barchart widget
$("#C1BarChart1").c1barchart({
shadow: false,
hint: { content: function () { return this.data.label + '\n ' + this.y + ''; } },
//set the datasource of the BarChart
dataSource: arr,
seriesList: [{
label: "Yearly Amount of Orders",
legendEntry: true,
data: { x: { bind: "Year" }, y: { bind: "OrderAmount" } }
}],
seriesStyles: [{ fill: "180-#ff9900-#ff6600", stroke: "#ff7800", opacity: 0.8 }],
});
}
catch (e) {
alert(e);
return;
}
},
error: function (result, status) {
if (status = "error") {
alert(status);
}
}
});

复制代码

rijun · rijun

回复 6楼Alice的帖子

帮助不大谢谢了

Alice · Alice

回复 7楼rijun的帖子

谢谢您的反馈。

		自动登录	找回密码
密码			立即注册

[已处理] ajaxPro.2与c1控件

本帖子中包含更多资源

7 个回复

活字格认证

微信认证勋章

元老葡萄