Results 1 to 3 of 3

Thread: Chart rendering issues in MobileDevices

  1. #1

    Default Chart rendering issues in MobileDevices

    Hello
    i am facing issues when i am using showLegend as False chart is not rendering in mobile devies like iphone or android devices but in my browser its rendering perfectly .Is it a library issue or i am missing some thing.
    please share your views . thanks in advance.

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379
    Answers
    3997

    Default

    I tried with the kitchensink and it worked fine for me.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3

    Default Sencha Chart rendering issue

    What i figure out the issue is i am giving ShowInlegend : False and providing legendPosition : right/left etc so logically it should not work but in chrome and safari also its working i am sharing my code which is not working for mobile devices only.

    Ext.setup({

    glossOnIcon: false,
    onReady: function() {

    window.generateData(12,elementdata);
    var data=generateData(12,elementdata);
    var colourset=[];
    for(i=0;i<data.length-1;i++){
    colourset.push(data[i].color);
    }
    var fontval=font;
    // var legendpos = 'right';
    // var showlegend = true;
    var donutvalue ;
    if(chartType==1)
    {
    donutvalue=25 ;
    }
    if(chartType==0)
    {
    donutvalue=0;
    }
    var chartPanel = new Ext.chart.Panel({
    fullscreen: true,

    items: {
    theme: 'Demo',
    store: store1,
    shadow: false,
    animate: true,
    insetPadding: 20,
    legend: {
    position: 'left'
    },
    interactions: [
    {
    type: 'rotate',
    gesture: 'drag'
    },
    {
    type: 'iteminfo',
    gesture: 'taphold',
    listeners: {
    show: function(interaction, item, panel) {
    var storeItem = item.storeItem;
    panel.update('<ul><li><b>Name:</b> ' + storeItem.get('name') + '</li><li><b>Value: </b> ' +storeItem.get('data1') + '</li><li><b>About: </b> ' + storeItem.get('elementdata') + '</li></ul>');
    }
    }
    },
    {
    type: 'piegrouping',
    listeners: {
    selectionchange: function(interaction, selectedItems) {
    var sum = 0,
    n = selectedItems.length;
    for (i=0 ; i<n ; i++)
    {
    sum =sum + parseInt(selectedItems[i].storeItem.get('data1'));
    }
    chartPanel.descriptionPanel.setTitle('Total visitors: ' + sum);
    chartPanel.headerPanel.setActiveItem(1, {
    type: 'slide',
    direction: 'left'
    });

    }
    }
    }
    ],
    series: [{
    type: 'pie',
    field: 'data1',
    donut: donutvalue,
    showInLegend: false,
    colorSet:colourset,
    highlight: {
    segment: {
    margin: 20
    }
    },

    label: {
    field: 'name',
    display: 'rotate',
    contrast: true
    // font: fontval
    },
    animate: true
    }]
    }
    });

    }


    });

    can u please check with this code.

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
  •