Sep 09, 2012, 3:13 PM
[Resolved] Pie chart example
Hello,
I'm trying to use Pie chart example but it doesn't work with me.
Code is very simple...
I don"t have any js errors. I really don't understand why I don't see anything. Page is still blank...
Can you help me please? :(
I'm trying to use Pie chart example but it doesn't work with me.
Code is very simple...
<ext:Chart ID="Chart1" runat="server" Animate="true" Shadow="true" InsetPadding="60"
Theme="Base:gradients">
<LegendConfig Position="Right" />
<Store>
<ext:Store
runat="server"
Data="<%# GenerateData() %>"
AutoDataBind="true">
<Model>
<ext:Model 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="Name" Display="Rotate" Contrast="true" Font="18px Arial" />
<Tips TrackMouse="true" Width="140" Height="28" runat="server">
<Renderer Fn="tipRenderer" />
</Tips>
</ext:PieSeries>
</Series>
</ext:Chart>
And the code behind:
Partial Class _Default
Inherits System.Web.UI.Page
Public Class ChartItem
Public Name As String
Public Data1 As Double
Public Data2 As Double
Public Data3 As Double
End Class
Public Sub refreshPie()
Chart1.GetStore().DataSource = GenerateData()
Chart1.GetStore().DataBind()
End Sub
Public Function GenerateData() As List(Of ChartItem)
Dim chartsData As New List(Of ChartItem)(2)
chartsData.Add(New ChartItem() With {.Name = "test", .Data1 = 20, .Data2 = 10, .Data3 = 33})
chartsData.Add(New ChartItem() With {.Name = "test2", .Data1 = 80, .Data2 = 90, .Data3 = 77})
Return chartsData
End Function
End Class
I don"t have any js errors. I really don't understand why I don't see anything. Page is still blank...
Can you help me please? :(