[CLOSED] charts from code behind not showing
I trying to get to know the new charts a little bit better but already when creating a simple sample chart it doesn't show. What did I do wrong?
Code:
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
// create sample data
System.Data.DataTable dt = new System.Data.DataTable();
Random ran = new Random();
System.Data.DataColumn dc = new System.Data.DataColumn("Name");
dc.DataType = System.Type.GetType("System.String");
dt.Columns.Add(dc);
dc = new System.Data.DataColumn("Data");
dc.DataType = System.Type.GetType("System.Int32");
dt.Columns.Add(dc);
System.Data.DataRow dr = dt.NewRow();
dr[0] = "Jan";
dr[1] = ran.Next(0, 100);
dt.Rows.Add(dr); dr = dt.NewRow();
dr[0] = "Feb";
dr[1] = ran.Next(0, 100);
dt.Rows.Add(dr); dr = dt.NewRow();
dr[0] = "Mar";
dr[1] = ran.Next(0, 100);
dt.Rows.Add(dr);
if (!X.IsAjaxRequest)
{
Ext.Net.Panel pnl = new Ext.Net.Panel
{
Title = "Chart Test",
Layout = "FitLayout",
Items =
{
new Chart {
ID = "ChartTest",
Shadow = true,
Animate = true,
Store = {
new Store {
DataSource = dt,
AutoDataBind = true,
Model = {
new Model {
Fields = {
new ModelField { Name = "Name" },
new ModelField { Name = "Data" }
}
}
}
}
},
Axes = {
new NumericAxis { Fields = new string[] { "Data" }, Title = "Number", Minimum = 0 },
new CategoryAxis { Position = Position.Bottom, Fields = new string[] { "Name" }, Title = "Name" }
},
Series = {
new ColumnSeries { Axis = Position.Left, XField = new string[] { "Name" }, YField = new string[] { "Data" } }
}
}
}
};
this.Form.Controls.Add(pnl);
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<div>
</div>
</form>
</body>
</html>
Thanks for a nudge in the right direction.
best regards.
