From c22d3bedea902deaaf5021a28d3c113fcc4fa439 Mon Sep 17 00:00:00 2001
From: Evert Timberg <evert.timberg+github@gmail.com>
Date: Sat, 17 Oct 2020 15:46:56 -0400
Subject: [PATCH] Ability to fill a line from a specified value along an axis
 (#7905)

---
 docs/docs/charts/area.md                      |   7 ++-
 samples/charts/area/analyser.js               |   2 +-
 samples/charts/area/line-datasets.html        |   6 +++
 samples/charts/area/radar.html                |   6 +++
 src/plugins/plugin.filler.js                  |  21 +++++++--
 .../plugin.filler/fill-line-value.json        |  42 ++++++++++++++++++
 .../plugin.filler/fill-line-value.png         | Bin 0 -> 5227 bytes
 .../plugin.filler/fill-radar-value.json       |  39 ++++++++++++++++
 .../plugin.filler/fill-radar-value.png        | Bin 0 -> 8389 bytes
 types/plugins/index.d.ts                      |   2 +-
 10 files changed, 117 insertions(+), 8 deletions(-)
 create mode 100644 test/fixtures/plugin.filler/fill-line-value.json
 create mode 100644 test/fixtures/plugin.filler/fill-line-value.png
 create mode 100644 test/fixtures/plugin.filler/fill-radar-value.json
 create mode 100644 test/fixtures/plugin.filler/fill-radar-value.png

diff --git a/docs/docs/charts/area.md b/docs/docs/charts/area.md
index 4ec8edb75..477ece36f 100644
--- a/docs/docs/charts/area.md
+++ b/docs/docs/charts/area.md
@@ -15,11 +15,13 @@ Both [line](./line.mdx) and [radar](./radar.mdx) charts support a `fill` option
 | Boundary <sup>2</sup> | `string` | `'start'`, `'end'`, `'origin'` |
 | Disabled <sup>3</sup> | `boolean` | `false` |
 | Stacked value below <sup>4</sup> | `string` | `'stack'` |
+| Axis value <sup>5</sup> | `object` | `{ value: number; }` |
 
 > <sup>1</sup> dataset filling modes have been introduced in version 2.6.0<br/>
 > <sup>2</sup> prior version 2.6.0, boundary values was `'zero'`, `'top'`, `'bottom'` (not supported anymore)<br/>
 > <sup>3</sup> for backward compatibility, `fill: true` (default) is equivalent to `fill: 'origin'`<br/>
 > <sup>4</sup> stack mode has been introduced in version 3.0.0<br/>
+> <sup>5</sup> axis value mode has been introduced in version 3.0.0<br/>
 
 **Example**
 
@@ -31,7 +33,8 @@ new Chart(ctx, {
             {fill: '+2'},          // 1: fill to dataset 3
             {fill: 1},             // 2: fill to dataset 1
             {fill: false},         // 3: no fill
-            {fill: '-2'}           // 4: fill to dataset 2
+            {fill: '-2'},          // 4: fill to dataset 2
+            {fill: {value: 25}}    // 5: fill to axis value 25
         ]
     }
 });
@@ -41,7 +44,7 @@ If you need to support multiple colors when filling from one dataset to another,
 
 | Param | Type | Description |
 | :--- | :--- | :--- |
-| `target` | `number`, `string`, `boolean` | The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries. |
+| `target` | `number`, `string`, `boolean`, `object` | The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries. |
 | `above` | `Color` | If no color is set, the default color will be the background color of the chart. |
 | `below` | `Color` | Same as the above. |
 
diff --git a/samples/charts/area/analyser.js b/samples/charts/area/analyser.js
index 5c1005418..592dcbb9d 100644
--- a/samples/charts/area/analyser.js
+++ b/samples/charts/area/analyser.js
@@ -48,7 +48,7 @@
 					} else if (isFinite(target)) {
 						target = 'dataset ' + target;
 					} else {
-						target = 'boundary "' + target + '"';
+						target = 'boundary "' + (typeof target === 'object' ? JSON.stringify(target) : target) + '"';
 					}
 
 					if (stat.visible) {
diff --git a/samples/charts/area/line-datasets.html b/samples/charts/area/line-datasets.html
index 9a6636161..1d1d2706e 100644
--- a/samples/charts/area/line-datasets.html
+++ b/samples/charts/area/line-datasets.html
@@ -102,6 +102,12 @@
 				hidden: true,
 				label: 'D8',
 				fill: 'end'
+			}, {
+				backgroundColor: utils.transparentize(presets.yellow),
+				borderColor: presets.yellow,
+				data: generateData(),
+				label: 'D9',
+				fill: {above: 'blue', below: 'red', target: {value: 350}}
 			}]
 		};
 
diff --git a/samples/charts/area/radar.html b/samples/charts/area/radar.html
index de30630ed..3c36d670f 100644
--- a/samples/charts/area/radar.html
+++ b/samples/charts/area/radar.html
@@ -85,6 +85,12 @@
 				data: generateData(),
 				label: 'D5',
 				fill: '-1'
+			}, {
+				backgroundColor: utils.transparentize(presets.grey),
+				borderColor: presets.grey,
+				data: generateData(),
+				label: 'D6',
+				fill: {value: 85},
 			}]
 		};
 
diff --git a/src/plugins/plugin.filler.js b/src/plugins/plugin.filler.js
index c27e4d377..49d2d9ec9 100644
--- a/src/plugins/plugin.filler.js
+++ b/src/plugins/plugin.filler.js
@@ -7,7 +7,7 @@
 import Line from '../elements/element.line';
 import {_boundSegment, _boundSegments} from '../helpers/helpers.segment';
 import {clipArea, unclipArea} from '../helpers/helpers.canvas';
-import {isArray, isFinite, valueOrDefault} from '../helpers/helpers.core';
+import {isArray, isFinite, isObject, valueOrDefault} from '../helpers/helpers.core';
 import {TAU, _normalizeAngle} from '../helpers/helpers.math';
 
 /**
@@ -57,7 +57,9 @@ function decodeFill(line, index, count) {
 	const fill = parseFillOption(line);
 	let target = parseFloat(fill);
 
-	if (isFinite(target) && Math.floor(target) === target) {
+	if (isObject(fill)) {
+		return isNaN(fill.value) ? false : fill;
+	} else if (isFinite(target) && Math.floor(target) === target) {
 		if (fill[0] === '-' || fill[0] === '+') {
 			target = index + target;
 		}
@@ -81,6 +83,8 @@ function computeLinearBoundary(source) {
 		target = scale.bottom;
 	} else if (fill === 'end') {
 		target = scale.top;
+	} else if (isObject(fill)) {
+		target = scale.getPixelForValue(fill.value);
 	} else if (scale.getBasePixel) {
 		target = scale.getBasePixel();
 	}
@@ -135,8 +139,17 @@ function computeCircularBoundary(source) {
 	const target = [];
 	const start = options.reverse ? scale.max : scale.min;
 	const end = options.reverse ? scale.min : scale.max;
-	const value = fill === 'start' ? start : fill === 'end' ? end : scale.getBaseValue();
-	let i, center;
+	let i, center, value;
+
+	if (fill === 'start') {
+		value = start;
+	} else if (fill === 'end') {
+		value = end;
+	} else if (isObject(fill)) {
+		value = fill.value;
+	} else {
+		value = scale.getBaseValue();
+	}
 
 	if (options.gridLines.circular) {
 		center = scale.getPointPositionForValue(0, start);
diff --git a/test/fixtures/plugin.filler/fill-line-value.json b/test/fixtures/plugin.filler/fill-line-value.json
new file mode 100644
index 000000000..f8520ea6e
--- /dev/null
+++ b/test/fixtures/plugin.filler/fill-line-value.json
@@ -0,0 +1,42 @@
+{
+    "config": {
+        "type": "line",
+        "data": {
+            "labels": ["0", "1", "2", "3", "4", "5", "6", "7", "8"],
+            "datasets": [{
+                "backgroundColor": "rgba(255, 0, 0, 0.25)",
+                "data": [-4, 4, 0, -1, 0, 1, 0, -1, 0],
+                "fill": { "value": 2 }
+            }]
+        },
+        "options": {
+            "responsive": false,
+            "spanGaps": false,
+            "legend": false,
+            "title": false,
+            "scales": {
+                "x": {
+                    "display": false
+                },
+                "y": {
+                    "display": false
+                }
+            },
+            "elements": {
+                "point": {
+                    "radius": 0
+                },
+                "line": {
+                    "borderColor": "transparent",
+                    "tension": 0
+                }
+            }
+        }
+    },
+    "options": {
+        "canvas": {
+            "height": 256,
+            "width": 512
+        }
+    }
+}
diff --git a/test/fixtures/plugin.filler/fill-line-value.png b/test/fixtures/plugin.filler/fill-line-value.png
new file mode 100644
index 0000000000000000000000000000000000000000..758b1c1324b2b9a148fb267bd1119714048b16e2
GIT binary patch
literal 5227
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

literal 0
HcmV?d00001

diff --git a/test/fixtures/plugin.filler/fill-radar-value.json b/test/fixtures/plugin.filler/fill-radar-value.json
new file mode 100644
index 000000000..f56be396e
--- /dev/null
+++ b/test/fixtures/plugin.filler/fill-radar-value.json
@@ -0,0 +1,39 @@
+{
+    "config": {
+        "type": "radar",
+        "data": {
+            "labels": ["0", "1", "2", "3", "4", "5", "6", "7", "8"],
+            "datasets": [{
+                "backgroundColor": "rgba(0, 0, 192, 0.25)",
+                "data": [0, -4, 2, 4, 2, 1, -1, 1, 2]
+            }]
+        },
+        "options": {
+            "responsive": false,
+            "spanGaps": false,
+            "legend": false,
+            "title": false,
+            "scale": {
+                "display": false,
+                "gridLines": {
+                    "circular": true
+                }
+            },
+            "elements": {
+                "point": {
+                    "radius": 0
+                },
+                "line": {
+                    "borderColor": "transparent",
+                    "fill": { "value": 3 }
+                }
+            }
+        }
+    },
+    "options": {
+        "canvas": {
+            "height": 256,
+            "width": 256
+        }
+    }
+}
diff --git a/test/fixtures/plugin.filler/fill-radar-value.png b/test/fixtures/plugin.filler/fill-radar-value.png
new file mode 100644
index 0000000000000000000000000000000000000000..f74ee51e4c404adbf12eda7480d6af7078223745
GIT binary patch
literal 8389
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
Z4zD_g!w*bHnu65@P*c`cDpRls`5(G&ZXf^v

literal 0
HcmV?d00001

diff --git a/types/plugins/index.d.ts b/types/plugins/index.d.ts
index 414d3f907..cecf760a1 100644
--- a/types/plugins/index.d.ts
+++ b/types/plugins/index.d.ts
@@ -9,7 +9,7 @@ export interface IFillerOptions {
   propagate: boolean;
 }
 
-export type FillTarget = number | string | 'start' | 'end' | 'origin' | 'stack' | false;
+export type FillTarget = number | string | { value: number } | 'start' | 'end' | 'origin' | 'stack' | false;
 
 export interface IFillTarget {
   /**