Results 1 to 8 of 8

Thread: 4.1.1RC2 Gauge Chart Step Labels Broken

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    177
    Vote Rating
    2
      0  

    Default 4.1.1RC2 Gauge Chart Step Labels Broken

    The Gauge Chart Step Labels don't display properly and if you resize the chart the labels appear all over the place and multiply.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,390
    Vote Rating
    498
      0  

    Default

    Can you provide a screenshot of this? I cannot duplicate using:
    http://dev.sencha.com/deploy/ext-4.1...rts/Gauge.html

    Please specify the exact version of extjs4 that you are using ex:4.1.1rc2?
    Does this happen in all browsers?

    Regards,
    Scott

  3. #3
    Sencha User
    Join Date
    May 2010
    Posts
    177
    Vote Rating
    2
      0  

    Default

    Hi Scott,

    yes the problem is with 4.1.1 RC2 and I just checked and it appears to only happen with firefox I don't know about i.e. but I checked chrome and safari and they displayed correctly.

    Screen Shot 2012-06-18 at 10.27.41 AM.png

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,390
    Vote Rating
    498
      0  

    Default

    I tried this in FF 13 and it did not display this problem. Can you provide a quick example that displays this problem? Does this happen when you resize the window on the example I listed above?

    Scott.

  5. #5
    Sencha User
    Join Date
    May 2010
    Posts
    177
    Vote Rating
    2
      0  

    Default

    yes that screen print is after a resize but even on the first load there are extra ticks floating around without labels.

    Code:
    
    
    
    Ext.define('AM.view.chart.14dayRev' ,{
        extend: 'Ext.chart.Chart',
    
    
        alias : 'widget.14dayRev',
           style: 'background:#fff',
    
    
          animate: {
                   // easing: 'elasticIn',
                    duration: 300
                },
                
                insetPadding: 30,
             
               
                 axes: [{
                    type: 'gauge',
                    position: 'gauge',
                    minimum: 0,
                    maximum: 8,
                    steps: 8,
                    margin: 5
                }],series: [{
                    type: 'gauge',
                     field: 'dayTotal',
                    donut: 40,
                   colorSet: ['#384F67', '#ddd']
                }]
                        
            });

  6. #6
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,390
    Vote Rating
    498
      0  

    Default

    If you turn off animation, does this help?

    Scott.

Posting Permissions

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