整数のみ、x軸はangularjs

Question

とFLOTチャートにダニに私はAngularJsとFlot chartを使用しています。私は、それが実行され、x軸のみinteger番号を表示する必要があるが、私が9未満に最大値を追加するときにfloat値等1.0、3.0、5.0を表示し、私は9、より最大値を追加すると、それが適切なinteger数を表示します以下のような私が使用しています1、5、10

コード：

 var yaxesMax = parseInt(data['b']) > parseInt(data['a']) ? (parseInt(data['b']) + 5) : (parseInt(data['a']) + 5) ; 
     var diagramData = [ 
         [0, data['a']], //0 A Wert 
         [data['c'], data['a']],  //A zu C 
         [data['d'], data['b']], //C zu D 
         [data['e'], data['b']], //D zu E 
         [data['f'], 0], // E zu F 
        ] 
     var multiOptions = { 
      axisLabels: { 
       show:true, 
      }, 
      xaxes: [ 
       { 
        ticks: [data['c'],data['d'],data['e'],data['f']], 
        min: 0, 
        max: data['f'] 
       } 
      ], 
      yaxes: [ 
       { 
        min: 0, 
        max: yaxesMax 
       }, 

      ], 
      grid: { 
       hoverable: true 
      }, 
      tooltip: true, 
      tooltipOpts: { 
       content: function(label, xval, yval, flotItem) { 
        x = new Date(xval); 
        shortTime = x.getHours() + ':' + x.getMinutes(); 
        return 'Day ' + xval + ' | ' + yval + ' ' + label; 
       }, 
       onHover: function (flotItem, $tooltipEl) { 
       } 
      } 
     }; 
     //Ende MultiOptions 

     vmCurvesTaxi.flotMultiData = [ 
      { 
       data: diagramData, 
       points: { 
        show: true, 
       }, 
       lines: { 
        show:true, 
        lineWidth: '3' 
       }, 
       //label: $rootScope.getEinheiten($rootScope.GlobalData.config.volumemessurement) 
      }, 

     ]; 

     vmCurvesTaxi.flotMultiOptions = multiOptions; 

は9下の最大値を追加します。

を

は9上の最大値を追加します。

var options = { 
    xaxis: { 
     min: 0, 
     tickDecimals: 0 
    } 
} 

このJS FiddletickDecimalsでの作業例を示します。

Answer 1

があなたのxaxis値の整数表示を強制するには、tickDecimalsオプション0に設定あなたのグラフの小さなレクリエーション。