Custom tooltip for Chart

[Dmoney]

I'm trying to display detailed information in a tooltip for a chart. but I don't know how to pass the chart data to the tooltip html.

for example

 tips: {            trackMouse: true,
            width: 200,
            height: 120,
            layout: 'fit',
            items: {
                xtype: 'container',
                layout: 'hbox',
                items: [{
                    html: '<span class="myTip">test1</span>'
                },{ html: '<span class="myTip">test2</span>'}]
            },
            renderer: function(class, item) {
                var storeItem = item.storeItem;




                this.setTitle("Information for period starting" + storeItem.get('name'));




            }
        }

can someone help me understand how do I replace test1 in the hbox layout with something like storeItem.get('change')

[scottmartin]

Have you reviewed the following example?
http://dev.sencha.com/deploy/ext-4.1...TipsChart.html

Scott.