[4.0.0] Ext.chart.axis -> title

[tobiu]

hi team,

the title texts of chart axis use different fonts by default in IE and FF / Chrome.
Screens attached.

chartFF.png
chartIE.png

i looked through the api docs and found nothing how to change the title in general (font family, size, color etc.). any hints?


best regards
tobiu

[ctavan]

Scraping through the code I found the undocumented config options 'label' and 'labelTitle' to be passed to Chart.axis.Axis, see the constructor in http://docs.sencha.com/ext-js/4-0/so...od-constructor

I use a config like this:

 axes: [{
        type: 'Numeric',
        position: 'left',
        fields: ['y'],
        title: 'Y Axis Title',
        label: {
          font: '10px "Lucida Grande"'
        },
        labelTitle: {
          font: '14px "Lucida Grande"'
        }
      },{
        type: 'Numeric',
        position: 'bottom',
        fields: ['x'],
        title: 'X Axis Title',
        label: {
          font: '10px "Lucida Grande"'
        },
        labelTitle: {
          font: '14px "Lucida Grande"'
        },
      }],

I think you can pass most CSS styling options...

Hope this helps!

Cheers,
Christoph

[edspencer]

I'll see if we can get this fixed for 4.0.7, thanks for the report

[philogb]

Hi - Documentation was added for 4.0.7 on axes labels.

[philogb]

Fixed for 4.0.7. There was an Int32 casting problem. Now using Math.floor which keeps values as doubles.

[steenole]

Is this the same problem that causes the example charts to render with wrong fonts in IE? And is there a patch I can use, until 4.0.7 is available?

For example http://dev.sencha.com/deploy/ext-4.0...harts/Bar.html looks like this on my machine:

chart.jpg

[Robert Huhn]

Any news on this? My projects main user base is on IE7/IE8 and the fonts for the axis labels paying no attention to the set font has been a sticking point for months now. (same as above poster's screenshot, IE dev tools say its Arial, but the screen shows cursive script)

[steenole]

This does not seem to be solved in 4.0.7

This example still shows wrong font in Internet Explorer:
http://dev.sencha.com/deploy/ext-4.0...harts/Bar.html

The font used seems to be randomly selected. On one of my colleages machine, the URL uses another font...

Capture.JPG

[mberrie]

ExtJs 4.1 still uses a different font on IE7 (aka IE7 mode on IE9@Win7-x64). IE8-9 mode work OK.

[Farish]

the problem still appears even when opening the Chart Examples of Ext JS 4.1.3 in IE8. using labelTitle as suggested above helps to get around it.