I'm having a problem when dynamically adding series to a chart. I have some code that dynamically creates a model from JSON data that I receive from the backend.

Eventually, i'll create a new line series object and add it to an array. Then i'll set the series to the chart object like so.
Creating a new series is done via this simple function. I tried Ext.create('Ext.chart.series.Line') and new Ext.chart.series.Line(), it made no difference.
createSeries: function (index) {
        return {
            type: 'line',
            xField: 'logged_date',
            yField: 'disk' + index,
            style: {
                stroke: '#ED1C24', lineWidth: 2
            highlightCfg: {
                scale: 2
            marker: {
                type: 'circle', stroke: 'ED1C24',
                fill: '#515151', lineWidth: 1,
                radius: 3, shadowColor: 'rgba(0,0,0,0.7)',
                shadowBlur: 10, shadowOffsetX: 3,
                shadowOffsetY: 3,
                fx: {
                    duration: 100
This code will run without throwing errors or warnings, but the data rendered will be wrong.


For testing purposes I added the series configuration to the chart view as one would normally do. When doing this, the chart gets rendered correctly ! (So not dynamically added via code but configured in a view)


Could this be a bug ?