Ext JS 6经典图表-截断轴

这不是解决办法 ,是一个相当不错的建议,但太大了,无法发表评论。

您可以这样格式化轴:

{
    type: 'numeric',
    position: 'top',
    fields: 'start',
    grid: {
        stroke: '#ccc'
    },
    style: 'font-size:3pt',
    minimum: 0,
    maximum: 16,
    layout: 'continuous',

    renderer: function(axis,label,layoutContext,lastLabel  ) {
        if (label >14){
            label = '<60';
        } else if (label>13){
            label = '<50';
        } else if (label>12){
            label = '<40';
        } else if (label>11){
            label = '<30';
        } else if (label>10){
            label = '<20';
        }
        return label;
    },
    label:{
         fontSize: '10px' 
    }

在数字10(或您想要的任何其他值)之后,您开始使用“渲染”功能更改显示值。

在这种方法中,您必须修改存储值以匹配图表的新值,例如,在下面的记录中:

{
    "stepNum": 4,
    "name": "Test 1",
    "start": 12,
    "closed": 25
}

如果“开始”为10和20,则将其更改为11;如果“开始”为20和30,则将其更改为12,依此类推。(如果您有访问权限或存储区中可能有转换函数,则更改可以使用SQL的内容) 与本方案中的(“关闭”+“开始”)相同,“调整”记录为:

{
    "stepNum": 4,
    "name": "Test 1",
    "start": 11,
    "closed": 2
}

希望你理解我的解释,我的英语不是很好。)