1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    0
    skylinezpromise is on a distinguished road

      0  

    Default Unanswered: get the tooltip value of each grouped column in extjs 4 chart

    Unanswered: get the tooltip value of each grouped column in extjs 4 chart


    Please how is it possible?

    My tooltip :
    Code:
    tips: {
    							trackMouse: true,
    							width: 74,
    							height: 28,
    							renderer: function(storeItem, item) {
    							this.setTitle(storeItem.get('Week') + ': ' + storeItem.get(EACH COLUMN OF MY GROUPED COLUMN CHART));
    							}
    						}
    Please help

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    850
    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


    storeItem is the record so you have access to each text from the other bars in that group.
    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.

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    25
    Vote Rating
    0
    skylinezpromise is on a distinguished road

      0  

    Default


    I found on an example, they were using "item.storeField" to get the name of the field, but it's not workin for me. Any ideas please?

  4. #4
    Sencha User
    Join Date
    Aug 2011
    Location
    india
    Posts
    52
    Vote Rating
    0
    amitkumarchauhan is on a distinguished road

      0  

    Default Tooltip on each bar of grouped chart

    Tooltip on each bar of grouped chart


    I am also facing the same issue. I need to show the name of the Y-field in the tooltip,but I get only the value of it.
    Here is my code:
    var lineChart = Ext.create('Ext.chart.Chart', {
    renderTo: Ext.get('BarChart'),
    style: 'background:#fff',
    insetPadding: 30,
    width: 600,
    height: 600,
    animate: true,
    store: chartData,
    shadow: true,
    theme: 'CustomBlue',
    legend: {
    position: 'right'
    },
    axes: [{
    type: 'Numeric',
    position: 'bottom',
    smooth : false,
    minimum: 0,
    highlight: {
    size: 15,
    radius: 15
    },
    fields: ['D1','D2'],
    title: 'Metric Value'
    },
    {
    type: 'Category',
    position: 'left',
    fields: ['trend_key'],
    title: 'Month',
    minimum :0
    }],
    series: [ {
    type: 'bar',
    axis:[ 'bottom'],
    xField: 'trend_key',
    yField: ['D1','D2'],
    tips: {
    trackMouse: true,
    width: 200,
    height: 25,
    renderer: function(storeItem, item) {
    }
    },
    title:['L1','L2']
    }]
    });

    So, the tooltip doesn't tell me whether D1 or D2 field has been used.