PDA

View Full Version : [FIXED] [4.0.0] Ext.chart.axis -> title



tobiu
17 May 2011, 4:14 AM
hi team,

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

26105
26106

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
31 Aug 2011, 4:50 AM
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/source/Abstract.html#Ext-chart-axis-Abstract-method-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
31 Aug 2011, 6:40 PM
I'll see if we can get this fixed for 4.0.7, thanks for the report

philogb
1 Sep 2011, 2:49 PM
Hi - Documentation was added for 4.0.7 on axes labels.

philogb
1 Sep 2011, 2:50 PM
Fixed for 4.0.7. There was an Int32 casting problem. Now using Math.floor which keeps values as doubles.

steenole
27 Sep 2011, 11:12 PM
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.2a/examples/charts/Bar.html looks like this on my machine:

28378

Robert Huhn
11 Oct 2011, 10:35 AM
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
15 Mar 2012, 5:45 AM
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.7-gpl/examples/charts/Bar.html

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

32754

mberrie
15 May 2012, 7:27 PM
ExtJs 4.1 still uses a different font on IE7 (aka IE7 mode on [email protected]). IE8-9 mode work OK.

Farish
12 Nov 2012, 4:52 AM
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.

pborgen
1 Jul 2013, 7:49 AM
Have you found a solution to this. We are having the same issue. We are suing extjs-4.1.3



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.2a/examples/charts/Bar.html looks like this on my machine:

28378

steenole
1 Jul 2013, 9:37 PM
No, we have not.

Due to other limitations in the ExtJs charts, we had to go for another charting engine.

mberrie
1 Jul 2013, 10:22 PM
Same here - went with another charting engine and never looked back.

Also abandoned efforts to run ExtJs 4 on IE7/8 - chromeframe to the rescue (argh!)