PDA

View Full Version : Adding a Chart title within the chart area



jsalisbury
17 Jan 2012, 7:07 AM
I'm using the SVG generated by the chart class to generate images on the server.

var svgCode = Ext.getCmp('chart_' + win.id).getEl().dom.innerHTML;

Ideally I'd like the chart title inside the chart so that the title appears in the SVG and therefore in the image.
I've tried using a text sprite to place a title on the chart, but this can obscure the chart lines/bars.
Ideally I'd like to create some dead space above the chart (but part of the chart), into which I can place the sprite, and therefore have it preserved in the SVG and the images.

The other idea I had was to position the legend on top and try to add the title as the first item to the legend, but I cannot find a method to insert items into a legend.

Does anyone have any suggestions ?

mitchellsimoens
17 Jan 2012, 8:43 AM
You can either position your own sprite or nest the chart within a panel.

invantix
5 Dec 2012, 11:49 AM
I know this is an old thread but I have some questions.

If you use a panel with a title the title does not print of you use chart.save({type: 'image/png'}); Is there a way to print the panel to png?

If you use the sprite method then the bars on the chart overlay your title. Is there a way to create a margin at the top so the bars do not collide with my Title?

Thanks!