Forums

Home » Alloy UI » English

Combination View Flat View Tree View
Threads [ Previous | Next ]
Sampada Karanjit
Plotting Pie chart from JSON data coming from java class
December 6, 2012 1:33 AM
Answer

Sampada Karanjit

Rank: New Member

Posts: 5

Join Date: September 30, 2012

Recent Posts

Dear all,
I am new to liferay with alloy UI.
I want to plot a chart with JSON data coming from a java class.
My code looks 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 the JSON being returned but it is not being plotted as a chart.
I can't figure it out.
Please help me sort out my mistake.
thanks