title: Only Integers in x-axis ticks in flot chart with angularjs
body: <p>I am using <code>Flot chart</code> with <code>AngularJs</code>. I have the requirement to display only <code>integer</code> number in x-axis, that is done but when I add the max value below 9 it display <code>float</code> value like 1.0, 3.0, 5.0 and when I add max value more then 9 it display proper <code>integer</code> number like 1, 5, 10.
  <br/>
  <br/>
  Code I am using: </p>
  
  <pre><code>        var yaxesMax = parseInt(data['b']) &gt; 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;
  </code></pre>
  
  <p><br/>
  <br/>
  Add max value below 9:
  <a href="https://i.stack.imgur.com/DtOQk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DtOQk.png" alt="enter image description here"></a> </p>
  
  <p><br/>
  <br/>
  Add max value above 9:
  <a href="https://i.stack.imgur.com/gtBhJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gtBhJ.png" alt="enter image description here"></a></p>