fixes #4940; fixes #4935; x-axis ticks improvements

Author: junedchhipa

src/modules/Range.js

@@ -426,7 +426,7 @@ class Range {
           ticks = gl.series[gl.maxValsInArrayIndex].length - 1
         }
         if (gl.isXNumeric) {
-          const diff = gl.maxX - gl.minX
+          const diff = Math.round(gl.maxX - gl.minX)
           if (diff < 30) {
             ticks = diff - 1
           }

src/modules/Scales.js

@@ -436,7 +436,7 @@ export default class Scales {
       step = range / ticks
     }
 
-    step = Math.round((step + Number.EPSILON) * 10) / 10
+    step = Math.round((step + Number.EPSILON) * 100) / 100
 
     if (ticks === Number.MAX_VALUE) {
       ticks = 5
@@ -582,16 +582,13 @@ export default class Scales {
   setXScale(minX, maxX) {
     const w = this.w
     const gl = w.globals
-    let diff = Math.abs(maxX - minX)
+    let diff = Math.round(Math.abs(maxX - minX))
     if (maxX === -Number.MAX_VALUE || !Utils.isNumber(maxX)) {
       // no data in the chart. Either all series collapsed or user passed a blank array
       gl.xAxisScale = this.linearScale(0, 10, 10)
     } else {
       let ticks = gl.xTickAmount
 
-      if (diff < 10 && diff > 1) {
-        ticks = diff
-      }
       gl.xAxisScale = this.linearScale(
         minX,
         maxX,