1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    35
    Vote Rating
    0
    abhinavchugh is on a distinguished road

      0  

    Default Unanswered: need help for quick tips for chart

    Unanswered: need help for quick tips for chart


    Hi


    I have a chart
    Code:
    var chart1 = Ext.create('Ext.chart.Chart', {
            height:500,
            width:500,
            renderTo: 'div3',
            id: 'chartCmp1',
            xtype: 'chart',
            insetPadding: 25,
            //theme: 'Browser:gradients',
            shadow:true,
            style: 'background:#fff',
            animate: true,
            shadow: true,
            gutter:50,
            store: store,
            axes: [{
                type: 'Numeric',
                position: 'left',
                axisStroke: '#FFF',
                fields: ['Investment'],
                label: {
                    renderer: Ext.util.Format.numberRenderer('0,0')
                },
                maximum:500,
                minimum:-500
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name']
            }],
            series: [{
                type: 'column',
                axis: 'left',
                gutter: 5,              
                highlight: true,
               // tips:m,         //I am not giving tips configuraion here..coz i want to use quick tips for chart
                label: {
                  display: 'insideEnd',
                  'text-anchor': 'middle',
                    field: 'Investment',
                    renderer: Ext.util.Format.numberRenderer('0'),
                    orientation: 'vertical',
                    color: '#333'
                },
                xField: 'name',
                yField: ['Investment'],
                label: {
                    display: 'insideEnd',
                    field: 'name',
                    //renderer: Ext.util.Format.numberRenderer('0'),
                    orientation: 'horizontal',
                    color: '#FFF',
                   'text-anchor': 'right'
                }
               
                
            }],
            legend: { 
        boxStroke: '#FFF',
         position: 'top left'
    
            }
        });
    and i m giving the chart id as a target in quick tip registration.i.e.
    Code:
    Ext.tip.QuickTipManager.register({
        autoHide:true,
        target: 'chartCmp1',
        title: 'My Tooltip',
        text: 'This tooltip was added in code',
        width: 100
        
      
    });
    .

    Issue No 1: By this code Tool tip comes as soon as when i hover the mouse on chart dom, i want to display the tips only at at the bars of chart by using quick tips.
    Issue No 2 : I am not able to give the renderer in the quick tips registarion while giving the target.

    P.S. I dont want to use the tips property of series in chart i.e.
    Code:
    series: [{
                type: 'column',
                axis: 'left',
                gutter: 5,              
                highlight: true,
               // tips:m         // i dont want to use this property

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,620
    Answers
    3452
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Why don't you want to use the tips config on the series? It will show the tip when you mouse over a series item
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1