PDA

View Full Version : [CLOSED] [4.1.3] Column/Bar series, setting bar width renders bars in incorrect spot



shallib
10 Jan 2013, 1:38 PM
[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:


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'
}
]
});

mitchellsimoens
11 Jan 2013, 7:33 AM
Thanks for the report! I have opened a bug in our bug tracker.