From 7ccf9e2d4d2e052de0fb71da52d9d41f8eeda85c Mon Sep 17 00:00:00 2001
From: Jukka Kurkela <jukka.kurkela@gmail.com>
Date: Sun, 7 Mar 2021 00:18:49 +0200
Subject: [PATCH] Add `grace` option for linear scale (#8581)

* Add `grace` option for linear scale

* cc
---
 docs/docs/axes/cartesian/linear.mdx      |  40 +++++++++++++++++++++++
 src/controllers/controller.doughnut.js   |   4 +--
 src/core/core.scale.js                   |   6 ++++
 src/helpers/helpers.core.js              |   2 +-
 src/helpers/helpers.options.js           |  15 ++++++++-
 src/scales/scale.linearbase.js           |   3 +-
 test/fixtures/scale.linear/grace-neg.js  |  30 +++++++++++++++++
 test/fixtures/scale.linear/grace-neg.png | Bin 0 -> 6753 bytes
 test/fixtures/scale.linear/grace-pos.js  |  30 +++++++++++++++++
 test/fixtures/scale.linear/grace-pos.png | Bin 0 -> 5286 bytes
 test/fixtures/scale.linear/grace.js      |  30 +++++++++++++++++
 test/fixtures/scale.linear/grace.png     | Bin 0 -> 4729 bytes
 12 files changed, 155 insertions(+), 5 deletions(-)
 create mode 100644 test/fixtures/scale.linear/grace-neg.js
 create mode 100644 test/fixtures/scale.linear/grace-neg.png
 create mode 100644 test/fixtures/scale.linear/grace-pos.js
 create mode 100644 test/fixtures/scale.linear/grace-pos.png
 create mode 100644 test/fixtures/scale.linear/grace.js
 create mode 100644 test/fixtures/scale.linear/grace.png

diff --git a/docs/docs/axes/cartesian/linear.mdx b/docs/docs/axes/cartesian/linear.mdx
index ac1418389..da7a3b4dc 100644
--- a/docs/docs/axes/cartesian/linear.mdx
+++ b/docs/docs/axes/cartesian/linear.mdx
@@ -18,6 +18,7 @@ Namespace: `options.scales[scaleId]`
 | Name | Type | Description
 | ---- | ---- | -----------
 | `beginAtZero` | `boolean` | if true, scale will include 0 if it is not already included.
+| `grace` | `number`\|`string` | Percentage (string ending with `%`) or amount (number) for added room in the scale range above and below data. [more...](#grace)
 
 <CommonCartesian />
 <CommonAll />
@@ -58,6 +59,45 @@ let options = {
 };
 ```
 
+## Grace
+
+If the value is string ending with `%`, its treat as percentage. If number, its treat as value.
+The value is added to the maximum data value and subtracted from the minumum data. This extends the scale range as if the data values were that much greater.
+
+import { useEffect, useRef } from 'react';
+
+```jsx live
+function example() {
+  const canvas = useRef(null);
+  useEffect(() => {
+    const cfg = {
+        type: 'bar',
+        data: {
+            labels: ['Positive', 'Negative'],
+            datasets: [{
+                data: [100, -50],
+                backgroundColor: 'rgb(255, 99, 132)'
+            }],
+        },
+        options: {
+            scales: {
+                y: {
+                    type: 'linear',
+                    grace: '5%'
+                }
+            },
+            plugins: {
+              legend: false
+            }
+        }
+    };
+    const chart = new Chart(canvas.current.getContext('2d'), cfg);
+    return () => chart.destroy();
+  });
+  return <div className="chartjs-wrapper"><canvas ref={canvas} className="chartjs"></canvas></div>;
+}
+```
+
 ## Internal data format
 
 Internally, the linear scale uses numeric data
diff --git a/src/controllers/controller.doughnut.js b/src/controllers/controller.doughnut.js
index a8a3fbcbd..427316c32 100644
--- a/src/controllers/controller.doughnut.js
+++ b/src/controllers/controller.doughnut.js
@@ -1,6 +1,6 @@
 import DatasetController from '../core/core.datasetController';
 import {formatNumber} from '../core/core.intl';
-import {isArray, toPercentage, toPixels, valueOrDefault} from '../helpers/helpers.core';
+import {isArray, toPercentage, toDimension, valueOrDefault} from '../helpers/helpers.core';
 import {toRadians, PI, TAU, HALF_PI, _angleBetween} from '../helpers/helpers.math';
 
 /**
@@ -123,7 +123,7 @@ export default class DoughnutController extends DatasetController {
     const maxWidth = (chartArea.width - spacing) / ratioX;
     const maxHeight = (chartArea.height - spacing) / ratioY;
     const maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);
-    const outerRadius = toPixels(me.options.radius, maxRadius);
+    const outerRadius = toDimension(me.options.radius, maxRadius);
     const innerRadius = Math.max(outerRadius * cutout, 0);
     const radiusLength = (outerRadius - innerRadius) / me._getVisibleDatasetWeightTotal();
     me.offsetX = offsetX * outerRadius;
diff --git a/src/core/core.scale.js b/src/core/core.scale.js
index ec8a42ae8..ca7b278dd 100644
--- a/src/core/core.scale.js
+++ b/src/core/core.scale.js
@@ -26,6 +26,12 @@ defaults.set('scale', {
 	 */
   bounds: 'ticks',
 
+  /**
+   * Addition grace added to max and reduced from min data value.
+   * @since 3.0.0
+   */
+  grace: 0,
+
   // grid line settings
   gridLines: {
     display: true,
diff --git a/src/helpers/helpers.core.js b/src/helpers/helpers.core.js
index 78ce47409..cf3170ea9 100644
--- a/src/helpers/helpers.core.js
+++ b/src/helpers/helpers.core.js
@@ -90,7 +90,7 @@ export const toPercentage = (value, dimension) =>
     parseFloat(value) / 100
     : value / dimension;
 
-export const toPixels = (value, dimension) =>
+export const toDimension = (value, dimension) =>
   typeof value === 'string' && value.endsWith('%') ?
     parseFloat(value) / 100 * dimension
     : +value;
diff --git a/src/helpers/helpers.options.js b/src/helpers/helpers.options.js
index 604c09603..25302133a 100644
--- a/src/helpers/helpers.options.js
+++ b/src/helpers/helpers.options.js
@@ -1,5 +1,5 @@
 import defaults from '../core/core.defaults';
-import {isArray, isObject, valueOrDefault} from './helpers.core';
+import {isArray, isObject, toDimension, valueOrDefault} from './helpers.core';
 import {toFontString} from './helpers.canvas';
 
 const LINE_HEIGHT = new RegExp(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);
@@ -175,3 +175,16 @@ export function resolve(inputs, context, index, info) {
     }
   }
 }
+
+/**
+ * @param {{min: number, max: number}} minmax
+ * @param {number|string} grace
+ * @private
+ */
+export function _addGrace(minmax, grace) {
+  const {min, max} = minmax;
+  return {
+    min: min - Math.abs(toDimension(grace, min)),
+    max: max + toDimension(grace, max)
+  };
+}
diff --git a/src/scales/scale.linearbase.js b/src/scales/scale.linearbase.js
index fe954a43f..1dbaf285a 100644
--- a/src/scales/scale.linearbase.js
+++ b/src/scales/scale.linearbase.js
@@ -2,6 +2,7 @@ import {isNullOrUndef} from '../helpers/helpers.core';
 import {almostEquals, almostWhole, niceNum, _decimalPlaces, _setMinAndMaxByKey, sign} from '../helpers/helpers.math';
 import Scale from '../core/core.scale';
 import {formatNumber} from '../core/core.intl';
+import {_addGrace} from '../helpers/helpers.options';
 
 /**
  * Generate a set of linear ticks
@@ -205,7 +206,7 @@ export default class LinearScaleBase extends Scale {
       precision: tickOpts.precision,
       stepSize: tickOpts.stepSize
     };
-    const ticks = generateTicks(numericGeneratorOptions, me);
+    const ticks = generateTicks(numericGeneratorOptions, _addGrace(me, opts.grace));
 
     // At this point, we need to update our max and min given the tick values,
     // since we probably have expanded the range of the scale
diff --git a/test/fixtures/scale.linear/grace-neg.js b/test/fixtures/scale.linear/grace-neg.js
new file mode 100644
index 000000000..f606202ae
--- /dev/null
+++ b/test/fixtures/scale.linear/grace-neg.js
@@ -0,0 +1,30 @@
+module.exports = {
+  description: 'https://github.com/chartjs/Chart.js/issues/7734',
+  config: {
+    type: 'bar',
+    data: {
+      labels: ['a'],
+      datasets: [{
+        data: [-0.18],
+      }],
+    },
+    options: {
+      indexAxis: 'y',
+      scales: {
+        y: {
+          display: false
+        },
+        x: {
+          grace: '5%'
+        }
+      }
+    }
+  },
+  options: {
+    spriteText: true,
+    canvas: {
+      width: 512,
+      height: 128
+    }
+  }
+};
diff --git a/test/fixtures/scale.linear/grace-neg.png b/test/fixtures/scale.linear/grace-neg.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbe444b3847f71ce10a3b8ea9faa7a8bdf9ea5ac
GIT binary patch
literal 6753
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
ONJjeRdc|ka5&r_wa*iwj

literal 0
Hc-jL100001

diff --git a/test/fixtures/scale.linear/grace-pos.js b/test/fixtures/scale.linear/grace-pos.js
new file mode 100644
index 000000000..76d6c693d
--- /dev/null
+++ b/test/fixtures/scale.linear/grace-pos.js
@@ -0,0 +1,30 @@
+module.exports = {
+  description: 'https://github.com/chartjs/Chart.js/issues/7734',
+  config: {
+    type: 'bar',
+    data: {
+      labels: ['a'],
+      datasets: [{
+        data: [0.18],
+      }],
+    },
+    options: {
+      indexAxis: 'y',
+      scales: {
+        y: {
+          display: false
+        },
+        x: {
+          grace: '5%'
+        }
+      }
+    }
+  },
+  options: {
+    spriteText: true,
+    canvas: {
+      width: 512,
+      height: 128
+    }
+  }
+};
diff --git a/test/fixtures/scale.linear/grace-pos.png b/test/fixtures/scale.linear/grace-pos.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6b654505899ac04bf3af32930559f8528e2771a
GIT binary patch
literal 5286
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
PZ^(T_``r(AkrMs`pRFpX

literal 0
Hc-jL100001

diff --git a/test/fixtures/scale.linear/grace.js b/test/fixtures/scale.linear/grace.js
new file mode 100644
index 000000000..8f3f09f96
--- /dev/null
+++ b/test/fixtures/scale.linear/grace.js
@@ -0,0 +1,30 @@
+module.exports = {
+  description: 'https://github.com/chartjs/Chart.js/issues/7734',
+  config: {
+    type: 'bar',
+    data: {
+      labels: ['a', 'b'],
+      datasets: [{
+        data: [1.2, -0.2],
+      }],
+    },
+    options: {
+      indexAxis: 'y',
+      scales: {
+        y: {
+          display: false
+        },
+        x: {
+          grace: 0.3
+        }
+      }
+    }
+  },
+  options: {
+    spriteText: true,
+    canvas: {
+      width: 512,
+      height: 128
+    }
+  }
+};
diff --git a/test/fixtures/scale.linear/grace.png b/test/fixtures/scale.linear/grace.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7556e412eda2a4fd730c08187497d59b5de958a
GIT binary patch
literal 4729
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

literal 0
Hc-jL100001

-- 
2.47.2