Ext.ux.chart.TitleChart - Chart with a Title

Ext.ux.chart.TitleChart - Chart with a Title

When one page contains several charts, it may be necessary to provide users with information on each charts' meaning. This is what Ext.ux.chart.TitleChart is for: it allows assigning title text to any kind of chart supported by Ext JS.

TitleChart accounts for presence or absence of a title, adjusting chart dimensions accordingly. Title can be placed at top, bottom, left or right side of the Chart. Padding between Chart edge and title text is configurable, as well as margin between title text and actual charting area.

Usage is pretty straightforward, take a look at the source and it should be obvious how to use it. Demo application is provided as well.

Does not work in IE8 or older

Does not work in IE8 or older

Hi @ nohuhu,

your extension works great with 4.1.3 and the popular browsers, but it does not work with IE8 and older or in Quirksmodus, just with IE9.

If you open your demo with IE8(Win 7), you'll get the panel empty without chart and chart title.
Do you know about this? There is no error or warning in the IE browsers, so I do not really have an idea how to get it working.

Thanks for the bug report, I've never noticed that the demo didn't work in IE8. The component itself does work with IE7+ though, it's used in one of my projects and I never noticed any problem there. It's probably the demo is misconfigured or something; I'll look into it.

I've taken a look at the demo and it seems that there's some problem with first rendering of the chart. If you click on 'no title' button in the demo, the chart will render - clicking on any of the arrows will redraw the chart with the title. I'm not sure if that's a problem with component code or demo code; I'm using this exact component in one of my projects and it works as expected with IE7+.

I was having the same problem with display issues on IE7/8 in quirksmode. I updated the "getTitleAttributes" function inside the TitleChart.js file to default the width and height to 0 if its undefined and then it started to render with no issues.