Fix - VueUiStackbar - Emit non segregated series @selectLegend #260

Author: graphieros

TestingArena/ArenaVueUiStackbar.vue

@@ -423,6 +423,10 @@ function freestyle({ drawingArea, data }) {
     });
     return paths;
 }
+
+function selectLegend(l) {
+    console.log(l)
+}
     
 </script>
 
@@ -434,7 +438,7 @@ function freestyle({ drawingArea, data }) {
         </select>
     </div>
 <div style="width: 600px; height: 600px; resize: both; overflow: auto; background: white">
-    <LocalVueUiStackbar @selectX="selectX" :selectedXIndex="selectedX" :dataset="dataset" :config="{...config,
+    <LocalVueUiStackbar @selectLegend="selectLegend" @selectX="selectX" :selectedXIndex="selectedX" :dataset="dataset" :config="{...config,
         responsive: true,
     }"  @selectTimeLabel="selectTimeLabel"> 
             <template #svg="{ svg }">

src/components/vue-ui-stackbar.vue

@@ -1342,14 +1342,14 @@ const dataTable = computed(() => {
     return { head, body: body.slice(0, slicer.value.end - slicer.value.start), config, colNames }
 });
 
-function segregate(index, item) {
-    emit('selectLegend', formattedDataset.value.find(el => el.absoluteIndex === index));
+function segregate(_, item) {
     if (segregated.value.includes(item.id)) {
         segregated.value = segregated.value.filter(el => el !== item.id);
     } else {
         if ( segregated.value.length === unmutableDataset.value.length - 1) return; 
         segregated.value.push(item.id);
     }
+    emit('selectLegend', formattedDataset.value)
 }
 
 const legendSet = computed(() => {