Question

I mpaper Ext JS 4 line图组件。它工作得很好,但当我贴上标语时,他们太密集。我赢得了明显标记的数量,以便减少。如何做到这一点? 我的轴心是:

{
    type:  Category ,
    position:  bottom ,
    fields: [ date ],
    grid: true,
    label: {
        field:  label ,
        rotate: { degrees:315 },
        renderer: function(item) {
            var date = new Date(item);
            /* parseIntToStringWithZeros is a custom method somewhere else */
            var day = parseIntToStringWithZeros(date.getDate());
            var month = parseIntToStringWithZeros(date.getMonth());
            result = day +  -  + month;
            return result;
        }
    }
}

Answer 1

I think you might need to use a "Numeric" axis instead of a "Category" axis a start (not sure what your data looks like, but you might need to convert times to values to get it to work).

With the numeric axis you are supposed to be able to set the number of major tick values (where the grid lines and labels appear), by setting the steps property in the axis config; however this doesn t always work. A more surefire way is to override the applyData function which isn t documented so you need to search through the dev code to see what it s doing.

此外,为了不给某个特定标签,你只能收回标签上的空洞功能。例如,如果你只想用个人“月”在上述法典中一劳永逸的话,你就可以这样做。

label: {
    ....
    renderer: (function(){
       var lastRenderedMonth =   ;
       return function(item){
           ... //your code above without the return..
           if(month == lastRenderedMonth)
              return "";
           lastRenderedMonth = month;
           return result;
       };
    })(),
    ...

友情链接