Hi,
I am new to ext.net. I have looked at the pie chart control which is very useful to one of my clients dashboard.
Below i code i tried to implement. But unable to view the chart and getting display as undefined.

Markup code:
<ext:Panel
Id = "extPnlLast24HourStats" runat="server"
Height="400"
Width="500"
Title="Last 24 Hours Statistics"
BodyPadding="10"
Split="true"
AutoFocus="true"
Closable="true"
Collapsible="true"
>
<Content>
<ext:Chart
ID="Chart1"
runat="server"
Animate="true"
Shadow="true"
Width="420"

Height="350"
Padding="50"
InsetPadding="100"
Theme="Base:gradients">
<LegendConfig Position="Right" />

<Store>
<ext:Store ID="storeLast24HrsStat"
Data="<%# GenerateChart() %>" AutoDataBind="true"
runat="server">

<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="Name" />
<ext:ModelField Name="Data1" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Series>
<ext:PieSeries
AngleField="Data1"
ShowInLegend="true"
Donut="0"
Highlight="true"
HighlightSegmentMargin="20">
<Label Field="Description" Display="Rotate" Contrast="true" Font="18px Arial" />
<Tips ID="Tips2" TrackMouse="true" Width="140" runat="server" Height="28">
<Renderer Fn="tipRenderer" />
</Tips>

</ext:PieSeries>
</Series>
</ext:Chart>
</Content>
</ext:Panel>

Code Behind:
Here iam generating the List of ChartData(nothing but ChartItem taken from https://github.com/extnet/Ext.NET.Ex...d/ChartData.cs)
public List<ChartData> GenerateChart()
{

List<ChartData> myChartData = new List<ChartData>();
try
{
foreach (DataRow dr in ds24HrsStats.Tables[0].Rows)
{
ChartData myItem = new ChartData();
myItem.Name = dr["Description"].ToString();
myItem.Data1 = Convert.ToDouble(dr["Counts"].ToString());
myChartData.Add(myItem);

}

}
catch (Exception ex)
{
X.Msg.Alert("Error", ex).Show();
}
return myChartData;
}


Please suggest me a way out.