You found a bug! We've classified it as EXTJS-8215 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Feb 2009
    Posts
    1
    Vote Rating
    0
    shallib is on a distinguished road

      0  

    Default [4.1.3] Column/Bar series, setting bar width renders bars in incorrect spot

    [4.1.3] Column/Bar series, setting bar width renders bars in incorrect spot


    [4.1.3] Column/Bar series, setting bar width renders bars in incorrect spot


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.1.3.548
    • Ext 4 (the version used in Ext docs)
    Browser versions tested against:
    • Chrome
    • IE9, IE8
    • Safari
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • Setting style: {width: x} on column or bar series incorrectly renders the bars on the chart
    Steps to reproduce the problem:
    • Run the sample
    The result that was expected:
    • Bars should be rendered above the proper category markers with proper shadowing
    Test Case:

    Code:
    Code:
    var store = Ext.create('Ext.data.JsonStore', {
        fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
        data: [
            { 'name': 'metric one',   'data1': 10, 'data2': 12, 'data3': 14, 'data4': 8,  'data5': 13 },
            { 'name': 'metric two',   'data1': 7,  'data2': 8,  'data3': 16, 'data4': 10, 'data5': 3  },
            { 'name': 'metric three', 'data1': 5,  'data2': 2,  'data3': 14, 'data4': 12, 'data5': 7  },
            { 'name': 'metric four',  'data1': 2,  'data2': 14, 'data3': 6,  'data4': 1,  'data5': 23 },
            { 'name': 'metric five',  'data1': 27, 'data2': 38, 'data3': 36, 'data4': 13, 'data5': 33 }
        ]
    });
    
    
    Ext.create('Ext.chart.Chart', {
        renderTo: Ext.getBody(),
        width: 500,
        height: 300,
        animate: true,
        store: store,
        axes: [
            {
                type: 'Numeric',
                position: 'left',
                fields: ['data1'],
                title: 'Sample Values'
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name'],
                title: 'Sample Metrics'
            }
        ],
        series: [
            {
                type: 'column',
                axis: 'left',
                highlight: true,
                style: {width: 25},
                xField: 'name',
                yField: 'data1'
            }
        ]
    });

    Attached Images

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


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

Thread Participants: 1