VueUiDonutEvolution removed akward hover animation

graphieros · Jan 29, 2024 · 6780fb4 · 6780fb4
1 parent 625e0b5
commit 6780fb4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.69",
+  "version": "1.9.70",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

diff --git a/src/components/vue-ui-donut-evolution.vue b/src/components/vue-ui-donut-evolution.vue
@@ -686,6 +686,7 @@ defineExpose({
                         stroke-linecap="round"
                         stroke-linejoin="round"
                         fill="none"
+                        class="vue-ui-donut-evolution-focus"
                     />
                 </g>
                 <circle 
@@ -700,8 +701,9 @@ defineExpose({
                     :fill="`${arc.color}`"
                     :stroke-width="1"
                     :stroke="donutEvolutionConfig.style.chart.backgroundColor"
+                    class="vue-ui-donut-evolution-focus"
                 />
-                <g v-for="(arc, i) in fixedDatapoint.donutFocus">
+                <g v-for="(arc, i) in fixedDatapoint.donutFocus" class="vue-ui-donut-evolution-focus">
                     <text
                         :data-cy="`donut-datalabel-value-${i}`"
                         :text-anchor="calcMarkerOffsetX(arc, true, 20).anchor"
@@ -733,6 +735,7 @@ defineExpose({
                     :font-size="14"
                     :font-weight="'bold'"
                     :fill="donutEvolutionConfig.style.chart.layout.dataLabels.color"
+                    class="vue-ui-donut-evolution-focus"
                 >
                     {{ labellizeValue(fixedDatapoint.subtotal) }}
                 </text>
@@ -802,7 +805,7 @@ defineExpose({
     position: relative;
 }
 
-path {
+.vue-ui-donut-evolution-focus {
     animation: donut 0.5s ease-in-out;
     transform-origin: center;
 }