From c04ac115217bd8df59d095cbf767dc096457a3a3 Mon Sep 17 00:00:00 2001
From: Daniel <dvkhorkhordin@yandex-team.ru>
Date: Fri, 27 Sep 2024 15:57:42 +0300
Subject: [PATCH] fix: bug with focus in stacking column chart (#222)

---
 demo/examples/legend.html             | 32 +++++++++++++++++++++++++++
 src/YagrCore/plugins/legend/legend.ts |  7 +++++-
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/demo/examples/legend.html b/demo/examples/legend.html
index 6544e1f..235ab63 100644
--- a/demo/examples/legend.html
+++ b/demo/examples/legend.html
@@ -35,6 +35,10 @@ <h1>Legend</h1>
             <div id="chart6" class="container"></div>
         </div>
 
+        <div class="grid">
+            <div id="chart7" class="container"></div>
+        </div>
+
         <script>
             const y1 = new Yagr(chart1, {
                 title: {text: 'On top'},
@@ -166,6 +170,34 @@ <h1>Legend</h1>
                     behaviour: 'extended',
                 },
             });
+
+            const y7 = new Yagr(chart7, {
+                title: {text: 'On top'},
+                timeline: [1, 2, 3],
+                series: [
+                    {data: [1, 2, 3], color: 'red', type: 'column',},
+
+                    {data: [2, 1, 2], color: 'green', type: 'column'},
+                    {data: [1, 2, 3], color: 'lime', type: 'column'},
+                ],
+                "scales": {
+                    "x": {},
+                    "y": {
+                        "normalize": false,
+                        "stacking": true,
+                        "type": "linear"
+                    },
+                    "yRight": {
+                        "normalize": false,
+                        "stacking": true,
+                        "type": "linear"
+                    }
+                },
+                legend: {
+                    show: true,
+                    position: 'top',
+                },
+            });
         </script>
     </body>
 </html>
diff --git a/src/YagrCore/plugins/legend/legend.ts b/src/YagrCore/plugins/legend/legend.ts
index c06b83f..a1e508d 100644
--- a/src/YagrCore/plugins/legend/legend.ts
+++ b/src/YagrCore/plugins/legend/legend.ts
@@ -253,14 +253,19 @@ export default class LegendPlugin {
             }
 
             const targetSerie = this.yagr.uplot.series.find(({id}) => id === serieId);
-
             if (targetSerie) {
                 yagr.setFocus(targetSerie.id, true);
+
+                // fix bug with focus in stacking column chart
+                yagr.redraw(true, false);
             }
         };
 
         const onSerieMouseLeave = () => {
             yagr.setFocus(null, true);
+
+            // fix bug with focus in stacking column chart
+            yagr.redraw(true, false);
         };
 
         series.forEach((serieNode) => {