Forums

Home » Alloy UI » English

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Sampada Karanjit
Alloy UI pie chart with data from the server
December 5, 2012 5:50 AM
Answer

Sampada Karanjit

Rank: New Member

Posts: 5

Join Date: September 30, 2012

Recent Posts

Dear All,
I want to generate a pie chart with data coming back from the liferay server.
I can see the JSON data coming but it is not rendered on a chart .

I tried many things but it is still not working.
Please help me.
thank you
Sampada Karanjit
RE: Alloy UI pie chart with data from the server
December 6, 2012 1:20 AM
Answer

Sampada Karanjit

Rank: New Member

Posts: 5

Join Date: September 30, 2012

Recent Posts

I did some stuffs like this:
 1
 2<aui:script>
 3AUI().ready('aui-chart','datatype', function(A) {
 4 var piechartdatasource = new A.DataSource.IO(
 5        {
 6            source: '<portlet:resourceURL />',
 7            
 8        }
 9       
10    )
11.plug(
12            {
13                fn: A.DataSourceJSONSchema,
14                cfg: {
15                      schema: {
16        resultListLocator: "resource",
17        resultFields: ["items","count"]
18    }
19
20                }
21            }
22        );
23                    var piechart = new A.PieChart(
24                     {
25                      dataSource: piechartdatasource,
26                      contentBox: 'demo',
27                      dataType: 'json',
28                      height: 300,
29                      width: 300,
30                      categoryField : "items",
31                      dataField: "count",
32                style: {
33                    legend: {
34                        display: 'right',
35                        padding: 10,
36                        spacing: 5,
37                        font: {
38                            family: 'Arial',
39                            size: 10
40                        }
41                    }
42                }
43                     
44                               }
45                               )
46                                .render('#demo');
47    });
48   
49</aui:script>


I can see request sent to the java class and JSOn is being returned but it is not showing on the chart.
I don't know what the problem is.
Please help me out.
thanks