Merge pull request #12 from JavaZeroo/codex/optimize-web-interface-axis-limits

Improve chart axis display

Author: JavaZeroo

src/components/ChartContainer.jsx

@@ -314,13 +314,19 @@ export default function ChartContainer({
         title: { display: true, text: 'Step' },
         min: xRange.min,
         max: xRange.max,
-        bounds: 'data'
+        bounds: 'data',
+        ticks: {
+          callback: function (value) {
+            return Math.round(value);
+          }
+        }
       },
       y: {
         type: 'linear',
         display: true,
         title: { display: true, text: 'Value' },
         bounds: 'data',
+        grace: '20%',
         ticks: {
           callback: function (value) {
             return Number(value.toPrecision(2));