Scatter & Line Axes not aligning to X-axis properly.

[skhameneh]

axes: [{
    type: 'Numeric',
    position: 'left',
    fields: ['Actual', '7 Day Velocity', 'Average', 'Stock'],
    grid: {
        odd: {
            opacity: 1,
            fill: '#eee',
            stroke: '#ccc',
            'stroke-width': 0.5
        }
    }
}, {
    type: 'Category',
    position: 'bottom',
    fields: ['period'],
    title: 'Demand'
}],
series: [{
    type: 'line',
    highlight: false,
    axis: 'left',
    xField: 'period',
    yField: 'Actual',
    markerConfig: {
        type: 'cross',
        size: 4,
        radius: 4,
        'stroke-width': 0
    }
}, {
    type: 'line',
    highlight: false,
    axis: 'left',
    xField: 'period',
    yField: '7 Day Velocity',
    markerConfig: {
        type: 'cross',
        size: 4,
        radius: 4,
        'stroke-width': 0
    }
}, {
    type: 'line',
    highlight: false,
    showMarkers: false,
    axis: 'left',
    xField: 'period',
    yField: 'Average',
}, {
    type: 'scatter',
    markerConfig: {
        type: 'cross',
        radius: 5,
        size: 5
    },
    axis: 'left',
    xField: 'period',
    yField: 'Stock'
}

Produces:
Untitled-1.png

If I set the type from 'Category' to 'Numeric' for my bottom axis, that produces:
Untitled-2.png

This is the data I'm using:

Ext.create('Ext.data.ArrayStore', {
    autoDestroy: true,
    idIndex: 0,
    fields: [
        'period',
        'Actual',
        '7 Day Velocity',
        'Average',
        'Stock'
    ],
    data: [[1,4,0,0,null],[2,3,-1,0,null],[3,4,1,0,null],[4,4,0,0,54]]
});

[scottmartin]

Can I verify the exact version of ExtJS you are using?

Regards,
Scott.

[skhameneh]

4.0.7

[scottmartin]

That is what I suspected. Please try 4.1. There were numerous fixes regarding issues such as this.

Scott.