add legend.inverseOrder - fixes #850, fixes #858

apexcharts · Aug 21, 2019 · 0c4bec7 · 0c4bec7
1 parent 7d308de
commit 0c4bec7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/modules/Legend.js b/src/modules/Legend.js
@@ -97,7 +97,13 @@ class Legend {
     }
     let legendFormatter = w.globals.legendFormatter
 
-    for (let i = 0; i <= legendNames.length - 1; i++) {
+    let isLegendInversed = w.config.legend.inverseOrder
+
+    for (
+      let i = isLegendInversed ? legendNames.length - 1 : 0;
+      isLegendInversed ? i >= 0 : i <= legendNames.length - 1;
+      isLegendInversed ? i-- : i++
+    ) {
       let text = legendFormatter(legendNames[i], { seriesIndex: i, w })
 
       let collapsedSeries = false

diff --git a/src/modules/settings/Options.js b/src/modules/settings/Options.js
@@ -588,6 +588,7 @@ export default class Options {
         position: 'bottom', // whether to position legends in 1 of 4
         // direction - top, bottom, left, right
         horizontalAlign: 'center', // when position top/bottom, you can specify whether to align legends left, right or center
+        inverseOrder: false,
         fontSize: '12px',
         fontFamily: undefined,
         width: undefined,