4.1.1RC2 Gauge Chart Step Labels Broken

[Dmoney]

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

[scottmartin]

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

[Dmoney]

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

[scottmartin]

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.

[Dmoney]

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

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']
            }]
                    
        });

[scottmartin]

If you turn off animation, does this help?

Scott.