extjs - Extjs チャートの整数軸

Question

誰かがextjsチャート軸を整数にフォーマットする方法を知っていますか? 数値軸も小数値を与えます。軸の整数値のみが必要です。

Answer 1

モデルで、フィールド タイプを「int」に設定すると、小数が破棄されます。

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

Answer 2

私は同様の問題に直面していました。

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;
         }
      }
})

これは私のために働いた

Answer 3

これを行うために軸を定義するときに、ラベルレンダラー関数を使用できます

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

v (v はラベルの値) があれば、軸の値を使って何でもできます。上記の場合、.toFixed(0)は最も近い整数に丸められます。