Fix drawing angle lines on reversed radial scale (#11788)

* Fix drawing angle lines on reversed radial scale

* add test

* Show ticks in test

---------

Co-authored-by: Jacco van den Berg <jacco@jem-id.nl>

diff --git a/src/scales/scale.radialLinear.js b/src/scales/scale.radialLinear.js
index 1e3f796909386c21358f80f06b870bb0b0c526e2..642fa1c140f46fbd3abe83f861d4f34e46495814 100644 (file)
--- a/src/scales/scale.radialLinear.js
+++ b/src/scales/scale.radialLinear.js
@@ -606,7 +606,7 @@ export default class RadialLinearScale extends LinearScaleBase {
         ctx.setLineDash(optsAtIndex.borderDash);
         ctx.lineDashOffset = optsAtIndex.borderDashOffset;
 
-        offset = this.getDistanceFromCenterForValue(opts.ticks.reverse ? this.min : this.max);
+        offset = this.getDistanceFromCenterForValue(opts.reverse ? this.min : this.max);
         position = this.getPointPosition(i, offset);
         ctx.beginPath();
         ctx.moveTo(this.xCenter, this.yCenter);

diff --git a/test/fixtures/scale.radialLinear/anglelines-reverse-scale.js b/test/fixtures/scale.radialLinear/anglelines-reverse-scale.js
new file mode 100644 (file)
index 0000000..af35a68
--- /dev/null
+++ b/test/fixtures/scale.radialLinear/anglelines-reverse-scale.js
@@ -0,0 +1,35 @@
+module.exports = {
+  config: {
+    type: 'radar',
+    data: {
+      labels: ['A', 'B', 'C', 'D', 'E'],
+      datasets: [{
+        data: [1, 1, 2, 3, 5]
+      }]
+    },
+    options: {
+      responsive: false,
+      scales: {
+        r: {
+          reverse: true,
+          grid: {
+            display: true,
+          },
+          angleLines: {
+            color: 'red',
+            lineWidth: 5,
+          },
+          pointLabels: {
+            display: false
+          },
+          ticks: {
+            display: true,
+          }
+        }
+      }
+    }
+  },
+  options: {
+    spriteText: true,
+  }
+};

diff --git a/test/fixtures/scale.radialLinear/anglelines-reverse-scale.png b/test/fixtures/scale.radialLinear/anglelines-reverse-scale.png
new file mode 100644 (file)
index 0000000..f2367b9
Binary files /dev/null and b/test/fixtures/scale.radialLinear/anglelines-reverse-scale.png differ