Results 1 to 3 of 3

Thread: [ST 2.1.0-rc2] Legend in radar chart

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    7
    Vote Rating
    0
      0  

    Default [ST 2.1.0-rc2] Legend in radar chart

    REQUIRED INFORMATION Ext version tested:
    • ST 2.1.0-rc2

    Browser versions tested against:
    • Google Chrome
    • Safari (mobile, iPad iOS 5)

    DOCTYPE tested against:
    • Code:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    Description:
    • Clicking on the legend items in a radar chart does not toggle visibility of the corresponding radar surface. The legend item is always black and does not assume the color of the surface.

    Steps to reproduce the problem:

    In the ST 2.1.0 rc2 documentation extend the example of Ext.chart.series.Radar with
    Code:
     legend: { position: 'top'  },
    .
    Click on legend item, corresponding surface does not vanish.

    The result that was expected:

    • radar surface visibility changes

    The result that occurs instead:

    • nothing


    Test Case:

    Code:
    var store = new Ext.data.JsonStore({
        fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
        data: [
            {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
            {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
            {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
            {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
            {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
        ]
    });
     
    var chart = new Ext.chart.PolarChart({
        legend: {position: 'top'},
        animate: true,
        interactions: ['rotate'],
        store: store,
        series: [{
            type: 'radar',
            xField: 'name',
            yField: 'data4',
            style: {
              fillStyle: 'rgba(0, 0, 255, 0.1)',
              strokeStyle: 'rgba(0, 0, 0, 0.8)',
              lineWidth: 1
            }
        }],
        axes: [
          {
            type: 'numeric',
            position: 'radial',
            fields: 'data4'
          },
          {
            type: 'category',
            position: 'angular',
            fields: 'name'
          }
        ]
    });
    Ext.Viewport.setLayout('fit');
    Ext.Viewport.add(chart);

    INFORMATION

    Debugging already done:
    • none

    Possible fix:
    • not provided

    Additional CSS used:
    • only default ext-all.css

    Operating System:
    • Linux
    • Win 7
    • iOS 5/6

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,335
    Vote Rating
    1297
      0  

    Default

    Isn't that the same as http://www.sencha.com/forum/showthread.php?247129 only different series?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

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

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

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

  3. #3
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    7
    Vote Rating
    0
      0  

    Default

    Not quite the same, it's a Ext.chart.PolarChart vs. a Ext.chart.CartesianChart.
    The legend also does on pick up the color of the series, which it does for line charts.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •