Extjs图整数轴

Question

有人可以知道如何格式化extjs图表轴为整数。数字轴也给出十进制值。我只需要axis中的整数值。

Answer 1

在您的模型中，将字段类型设置为'int'，它将丢弃小数。

Ext.define('MyModel', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { 
      name: 'Foo', 
      type: 'int' 
     }, 
     { 
      name: 'Bar', 
      type: 'int' 
     } 
    ] 
}); 

Answer 2

您可以使用标签渲染功能，当你定义轴做到这一点

axes: [{ 
     type: 'Numeric', 
     position: 'left', 
     grid: true, 
     fields: ['data1', 'data2'], 
     label: { 
        renderer: function (v) { 
         return v.toFixed(0); 
         } 
       } 
     }, 
     { ... } 
     ] 

，当你有v你可以做你想做与轴值什么（v是值的标签）。在以上情况下，将。固定（0）舍入为最接近的整数。

Answer 3

定义最小值和最大值，然后用你最大的轴值数据阵列减去一对加majorTickSteps，所以它比你的最大信号

信贷少一个@bittercoder上majorTickSteps上Sencha ExtJs 4.1.3

axes: [{ 
    type: 'Numeric', 
    position: 'left', 
    fields: ['data1', 'data2', 'data3'], 
    title: 'Number of Hits', 
    grid: { 
     odd: { 
      opacity: 1, 
      fill: '#ddd', 
      stroke: '#bbb', 
      'stroke-width': 1 
     } 
    }, 
    minimum: 0, 
    maximum: 10, 
    majorTickSteps: 9 // one less than max 
}, { 
    type: 'Category', 
    position: 'bottom', 
    fields: ['name'], 
    title: 'Month of the Year', 
    grid: true, 
    label: { 
     rotate: { 
      degrees: 315 
     } 
    } 
}] 

评论

Answer 4

我正面临类似的问题。

yAxis: new Ext.chart.NumericAxis({ 

     displayName: 'Visits', 
     labelRenderer: function(v) { 
     // return a value only if it is an integer 
     if(v.toString().indexOf(".") === -1){ 
       return v; 
     } 
     } 
}) 

这为我工作