[READ-ONLY] Mirror of https://github.com/graphieros/vue-data-ui. An open source user-empowering data visualization Vue 3 components library for eloquent data storytelling
vue-data-ui.graphieros.com/
charts
components-library
dashboard
data-storytelling
data-visualization
donut
gauge
heatmap
quadrant
radar
rating-stars
scatter
screenshot
skeleton-loader
sparkline
table
vue-data-ui
vue3
vuejs
vuejs3
fix(VueUiXy): use series ids in dots instead of series index
graphieros
(Jun 19, 2026, 12:28 AM +0200)
0ee837a9
7999a818
+10
-2
+10
-2
src/components/vue-ui-xy.vue
+10
-2
src/components/vue-ui-xy.vue
···
2485
2485
}
2486
2486
2487
2487
function segregate(legendItem) {
2488
+
disableShapeTransitionForRangeResize.value = false;
2489
+
2490
+
if (restoreShapeTransitionFrame) {
2491
+
cancelAnimationFrame(restoreShapeTransitionFrame);
2492
+
restoreShapeTransitionFrame = null;
2493
+
}
2494
+
2488
2495
if (segregatedSeriesSet.value.has(legendItem.id)) {
2489
2496
segregatedSeries.value = segregatedSeries.value.filter(
2490
2497
(id) => id !== legendItem.id,
···
2494
2501
return;
2495
2502
segregatedSeries.value.push(legendItem.id);
2496
2503
}
2504
+
2497
2505
emitSelectLegend();
2498
2506
segregateStep.value += 1;
2499
2507
}
···
7872
7880
<g
7873
7881
data-cy="datapoint-plot"
7874
7882
v-for="(plot, j) in serie.plots"
7875
-
:key="`circle_plot_${i}_${j}`"
7883
+
:key="`circle_plot_${serie.id}_${j}`"
7876
7884
>
7877
7885
<Shape
7878
7886
:data-cy="`xy-plot-${i}-${j}`"
···
8373
8381
8374
8382
<template
8375
8383
v-for="(plot, j) in serie.plots"
8376
-
:key="`circle_line_${i}_${j}`"
8384
+
:key="`circle_line_${serie.id}_${j}`"
8377
8385
>
8378
8386
<Shape
8379
8387
data-cy="datapoint-line-plot"