Results 1 to 10 of 10

Thread: Strange border around chart and legend.

    You found a bug! We've classified it as EXTJS-17590 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium User
    Join Date
    Oct 2013
    Posts
    46

    Default Strange border around chart and legend.

    Hi,

    I am using ExtJS version "5.0.1.1255"

    I am trying to add a pie chart to my application, it works but I can't get rid of the borders around the chart and around the legend legend.

    If I set border: false on xtype: 'polar'


    TypeError: borders[dock] is undefined


    if (!borders[dock].satisfied) {




    Here is how it looks.

    border.png

    And here is my code-
    Code:
    Ext.define('bms.view.reports.SalesPieChartPanel', {
        extend : 'Ext.Panel',
        alias : 'widget.SalesPieChartPanel',
        autoScroll : true,
        border : false,
        layout : 'fit',
    
    
        /**
         * Init the component
         */
        
        initComponent : function() {
            Ext.apply(this, {
                border : false,
                //insetPadding: 50,
                items : [{
                    border : true,
                    insetPadding: 50,
                    xtype : 'polar',
                    interactions : 'rotate',
                    legend: {
                        docked: 'side'
                    },
                    store : {
                        fields : ['name', 'data'],
                        data : []
                    },
                    
                    series : {
                        showInLegend: true,
                        type : 'pie',
                        label : {
                            field : 'name',
                            display : 'outside'
                        },
                        xField : 'data',
                        donut : 20
                    }
                }]
    
    
            });
    
    
            this.callParent();
    
    
        }
    });

    How can I get rid of the borders?

    Regards,
    Gaurav Jain

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I haven't been able to recreate this.
    https://fiddle.sencha.com/#fiddle/lvp

    Are you able to reproduce the behavior in a Fiddle?
    https://fiddle.sencha.com/#home

  3. #3
    Sencha Premium User
    Join Date
    Oct 2013
    Posts
    46

    Default

    Yes, please change the framework to "Ext JS 5.0.1.1255 Classic" and run again. Any workarounds possible?

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I tried with 5.0.1, but I'm not seeing the borders. With which browser are you seeing this issue?

  5. #5
    Sencha Premium User
    Join Date
    Oct 2013
    Posts
    46

    Default

    I can reproduce it in Firefox as well as in chrome. Here is a screenshot --

    fiddlewithborder.jpg

    Thanks,
    GJ

  6. #6
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I updated the Fiddle to 5.0.1. Which versions of those browsers? Which operating system?

    I tried several Windows versions, and a variety of browsers but still haven't seen this.

  7. #7
    Sencha Premium User
    Join Date
    Oct 2013
    Posts
    46

    Default

    Windows 7 | Chrome42 | FF 31In the fiddle, are you setting the theme to classic?

  8. #8
    Sencha User
    Join Date
    Jun 2008
    Posts
    242

    Default

    I just resolved this issue myself.

    It's only for ext-theme-classic.

    It's not pretty:

    https://fiddle.sencha.com/#fiddle/m5e

  9. #9
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I see it now. I'll move this thread over to the Bugs forum.

  10. #10
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

Similar Threads

  1. Replies: 4
    Last Post: 4 Mar 2014, 7:09 AM
  2. [CLOSED] Chart Legend doesn't resize when user resize browser and legend will get cut off.
    By amit.vankadia in forum Sencha GXT Discussion
    Replies: 3
    Last Post: 29 Aug 2012, 2:29 PM
  3. Replies: 1
    Last Post: 11 Jan 2012, 2:04 PM

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
  •