ExtJS 6 cannot override axis' renderer
<p>I am overriding Axis class, and for the most part it works - the newly added methods can be called without an issue. However, trying to set default renderer does nothing. I also tried using initComponent and constructor (with the this.callParent(arguments) call), but to no avail.</p>

<pre><code>Ext.define('Dashboards.overrides.chart.axis.Axis', {

    override : 'Ext.chart.axis.Axis',

    config : {
        maxLabelLength : 15,
        numberPrecision : 2
    },

    abbreviateNumber : function(value, precision) {
            var newValue = value;
            if (value &gt;= 1000) {
                var suffixes = ["", "k", "m", "b","t"];
                var suffixNum = Math.floor( (""+value).length/3 );
                var shortValue = '';
                for (; precision &gt;= 1; precision--) {
                        shortValue = parseFloat( (suffixNum != 0 ? (value / Math.pow(1000,suffixNum) ) : value).toPrecision(precision));
                        var dotLessShortValue = (shortValue + '').replace(/[^a-zA-Z 0-9]+/g,'');
                        if (dotLessShortValue.length &lt;= 2) { break; }
                }
                if (shortValue % 1 != 0)  shortNum = shortValue.toFixed(1);
                newValue = shortValue+suffixes[suffixNum];
            }
            return newValue;
    },

    shortenLabel : function (axis, data, max_length) {
            var str = data;
                var chart = axis.getChart();
                if (str.length &gt; max_length) {
                str = str.substring(0, max_length-3)+"...";
        }
        return str;
    },

    shorteningRenderer : function (axis, label) {
            if (!isNaN(label)) {
                        return axis.abbreviateNumber(label, this.getNumberPrecision());
                    } else return shortenLabel (axis, label, maxLabelLength);
            },

        renderer : this.shorteningRenderer
})
</code></pre>