Ext JS 6经典图-截轴

Question

我创建了一个具有连续数字轴的笛卡儿图，演示。有没有办法使用相同的数字数据，但截断更高的x轴值在我的图表？见下面的模型：

​

Answer 1

--这不是一个解决方案，，是一个建议，但是太大了，不能放在评论中。

您可以将轴设置为如下格式：

{
    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 (或您想要的任何其他值)之后，您将开始使用render函数更改显示值。

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

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

如果"start“>10和<20，则将其更改为11，如果"start”>20和<30，则将其更改为12，依此类推。(若要更改如果有访问权限或存储中的转换函数，则可以使用sql )与(“关闭”+“开始”)相同的是，在此项中，“调整”记录如下：

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

我希望你能理解我的解释，我的英语不是很好:)