angleField for pie chart

[Jay Tanwar]

Hi,
I am trying to create a pie chart using "angleField" config. But its showing error in console.
Also when I am using the "field" config instead of "angleField", the chart is working properly.

Though "field" config does the work, I need "angleField" for my code.

The code:

Ext.define('senchaChart.view.PieChart',{
    extend: 'Ext.chart.Chart',
    alias: 'widget.piechart',
    requires: [
        'Ext.chart.series.Pie'
    ],
    
    config: {
        cls: 'chartpanel',
        theme: 'Energy',
        animate: true,
        store: 'ChartStore',
        
        series: [
            {
                type: 'pie',
                angleField: 'data',
                highlight: false,
                label: {
                    field: 'name'
                }
            }
        ]
    }
})

The Error as shown in console:

Uncaught TypeError: Object [object Object] has no method 'getXField'

Thanks in advance.

[whippersnapper]

Think you need to use 'field' instead of 'angleField' instead.

[iplanit]

Think you need to use 'field' instead of 'angleField' instead.

When using ExtJS4 (Sencha Architect 2.1 not Sencha Touch) there is no field called "field" in the property list.

Maybe it is generated in the code, but in the list you only have anglefield and lengthfield.



properties_pie_series.png

[suzuki1100nz]

What version of touch?

If it is the latest 2.1.0 B3 then a lot has changed.
Look in the framework source PieChart.js - \touch\examples\kitchensink\app\view
for direction on charting. API examples are not yet complete.

It is field not angleField

[iplanit]

Sencha Architect uses anglefield in the last version.

series: [
                                        {
                                            type: 'pie',
                                            highlight: 'segment: {margin: 10}',
                                            label: {
                                                field: 'name',
                                                display: 'rotate',
                                                contrast: true,
                                                font: '12px Arial'
                                            },
                                            showInLegend: true,
                                            angleField: 'value'
                                        }
                                    ]

I am using this code and renders the pie chart, in the examples there is no mention to angleField, and it is using field. However, I am not sure is the correct way since Sencha Architect generates code without using the field.

In the label they use the "field", but for the series you have anglefield and lenghtfield.

Regards

What version of touch?

If it is the latest 2.1.0 B3 then a lot has changed.
Look in the framework source PieChart.js - \touch\examples\kitchensink\app\view
for direction on charting. API examples are not yet complete.

It is field not angleField

[suzuki1100nz]

What version of Touch are you using?