fix(charts): getXTicks is incorrectly doing a greater than

The ticks should be reduced as the width decrease not increases.
markmcdowell · Dec 17, 2019 · 80e5739 · 80e5739
1 parent 632a699
commit 80e5739
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/charts/src/axes/XAxis.tsx b/packages/charts/src/axes/XAxis.tsx
@@ -143,11 +143,15 @@ export class XAxis extends React.Component<XAxisProps> {
 
     private readonly getXTicks = (width: number) => {
 
-        if (width > 500) {
+        if (width < 400) {
+            return 2;
+        }
+
+        if (width < 500) {
             return 6;
         }
 
-        return 12;
+        return 8;
     }
 
     private readonly getXScale = (moreProps) => {