Labels on bar chart are incorrectly placed

[bstick12]

REQUIRED INFORMATION

Ext version tested:

• Ext 4.07

Browser versions tested against:

• Chrome 16
• IE9
• Firefox 9

Description:

• Labels on bar chart are incorrectly placed when display type is 'insideEnd' and all values are 0.

Steps to reproduce the problem:

• Create a bar chart
• Assign a store with a number of fields that all have a value of 0
• Place a label on the bar chart that sets the display type to 'insideEnd'

The result that was expected:

• The label with value should be at the right hand side of the axis bar

The result that occurs instead:

• The label with value is placed to the left of the axis bar before the axis category name

Test Case:

Ext.require('Ext.chart.*');
Ext.require(['Ext.Window', 'Ext.fx.target.Sprite','Ext.layout.container.Fit']);

Ext.onReady(function () {

var store = Ext.create('Ext.data.JsonStore', {
fields: ['name', 'data'],
data: [
{name : 'Field1', value : 0},
{name : 'Field2', value : 0}
]
});


var win = Ext.create('Ext.Window', {
width: 200,
height: 200,
minHeight: 200,
minWidth: 200,
hidden: false,
maximizable: true,
title: 'Bar Chart',
renderTo: Ext.getBody(),
layout: 'fit',
items: {
id: 'chartCmp',
xtype: 'chart',
animate: true,
shadow: true,
store: store,
axes: [{
type: 'Category',
position: 'left',
fields: ['name'],
}],
series: [{
type: 'bar',
axis: 'bottom',
highlight: true,
label: {
display: 'insideEnd',
field: 'value',
renderer: Ext.util.Format.numberRenderer('0'),
orientation: 'horizontal',
color: '#333',
'text-anchor': 'middle'
},
xField: 'name',
yField: ['value']
}]
}        
});
});

HELPFUL INFORMATION

See this URL for live test case: http://jsfiddle.net/cAxCY/1/

Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Windows 7

[mitchellsimoens]

There is already a bug open for when values are zero.