1. #1
    Sencha User PulpMysteryFan's Avatar
    Join Date
    Aug 2008
    Posts
    94
    Vote Rating
    2
    Answers
    1
    PulpMysteryFan is on a distinguished road

      0  

    Default Unanswered: I don't understand radar chart scaling

    Unanswered: I don't understand radar chart scaling


    Here's an example (suitable for Live Preview) that plots two radar series. An image of the running chart is below.

    The series for data1 should plot entirely within the other -- all its data points are smaller. Yet it gets scaled to fill up to the edge of the chart. It ends up taking up MORE area than the data2 series, which is completely misleading. (And the axis scale does not match its data.)

    What's going on?

    Code:
    var chart = new Ext.chart.PolarChart({    animate: true,
        store: {
          fields: ['name', 'data1', 'data2'],
          data: [
              {'name': 'one',   'data1': 5, 'data2': 10 },
              {'name': 'two',   'data1': 5, 'data2': 20 },
              {'name': 'three', 'data1': 5, 'data2': 20 },
              {'name': 'four',  'data1': 5, 'data2': 30 },
              {'name': 'five',  'data1': 5, 'data2': 30 }
          ]
        },
        series: [{
            type: 'radar',
            xField: 'name',
            yField: 'data1',
            style: {
              fillStyle: 'rgba(0, 0, 255, 0.1)',
              strokeStyle: 'rgba(0, 0, 0, 0.8)',
              lineWidth: 1
            }
        },{
            type: 'radar',
            xField: 'name',
            yField: 'data2',
            style: {
              fillStyle: 'rgba(0, 0, 255, 0.1)',
              strokeStyle: 'rgba(0, 0, 0, 0.8)',
              lineWidth: 1
            }
        }],
        axes: [
          {
            type: 'numeric',
            position: 'radial',
            fields: ['data1', 'data2'],
            grid: true,
            //minimum: 0,
            //maximum: 50
          },
          {
            type: 'category',
            position: 'angular',
            fields: 'name',
            style: {
                estStepSize: 1
            },
            grid: true
          }
        ]
    });
    Ext.Viewport.setLayout('fit');
    Ext.Viewport.add(chart);
    Attached Images

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,978
    Vote Rating
    132
    Answers
    334
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    This is a known issue, TOUCH-4502, that has been fixed in the Touch 2.3.0 release.
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

Thread Participants: 1