绑定barchart

收藏

hi  Alice
我后台方法返回datatable，代码如下
[WebMethod(EnableSession = true)]
public static DataTable show()
{
      DataTable dt = new DataTable();
      dt.Columns.Add("area_name");
      dt.Columns.Add("avg");
      dt.Columns.Add("min");
      dt.Columns.Add("max");
      DataRow dr = dt.NewRow();
      dr["area_name"] = "c1";
      dr["avg"] = 25;
      dr["min"] = 5;
      dr["max"] = 45;
      dt.Rows.Add(dr);
      dr = dt.NewRow();
      dr["area_name"] = "c2";
      dr["avg"] = 32;
      dr["min"] = 16;
      dr["max"] = 48;
      dt.Rows.Add(dr);
      return dt;
}

前台代码：
<script >
      window.setTimeout(function () {
         $.ajax({
            type: "

OST",
            contentType: "application/json",
            url: "test.aspx/show",
            dataType: "json",
            success: function () {
                  alert("");
                  //请求成功后的回调处理.
            },
            error: function () {
                  //请求失败时的回调处理.
                  alert("222");
            }
         });
      }, 3000);
</script>
<wijmo:C1BarChart ID="sspxChart" runat="server" Height="290" Width="70%">
<DataBindings>
      <wijmo:C1ChartBinding  XField="area_name" XFieldType="String" YField="avg" YFieldType="Number" Label="avg" />
      <wijmo:C1ChartBinding  XField="area_name" XFieldType="String" YField="min" YFieldType="Number" Label="min" />
      <wijmo:C1ChartBinding  XField="area_name" XFieldType="String" YField="max" YFieldType="Number" Label="max" />
</DataBindings>
</wijmo:C1BarChart>

那个js应该怎么写呢？

Alice · Alice

回复 1楼rijun的帖子

谢谢您的反馈。
Client-Side的数据绑定，可以参考C1BarChart的产品文档，在Step3第三步里有详细的代码说明，文档链接：
http://helpcentral.componentone. ... 3of4addscript1.html

关键代码：

//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 }],
});

复制代码

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

[已处理] 绑定barchart

1 个回复

活字格认证

微信认证勋章

元老葡萄