Results 1 to 2 of 2

Thread: Custom tooltip for Chart

  1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    177
    Vote Rating
    2
      0  

    Default Custom tooltip for Chart

    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

    Code:
     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')

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,388
    Vote Rating
    499
      0  

    Default

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

    Scott.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •