feat: KStackableTimeSeries should emit the legend-clicked event (close #1161)

Author: cnouguier

core/client/components/chart/KTimeSeriesChart.vue

@@ -43,11 +43,12 @@ const props = defineProps({
 })
 
 // Emits
-const emit = defineEmits(['zoom-start', 'zoom-end', 'legend-click'])
+const emit = defineEmits(['zoom-start', 'zoom-end', 'legend-clicked'])
 
 // Data
 let canvas = null
 let chart = null
+let hiddenSeries = []
 const unit2axis = new Map()
 const hasData = ref(false)
 // Min/Max time (ie for x axis)
@@ -178,7 +179,7 @@ async function makeChartConfig () {
               chart.show(index)
               legendItem.hidden = false
             }
-            emit('legend-click', { legendItem, legend })
+            emit('legend-clicked', legendItem, legend)
           }
         }
       }
@@ -328,7 +329,6 @@ async function makeDatasets () {
     }
     datasets.push(dataset)
   }
-
   return datasets
 }
 function makeAnnotation () {

map/client/components/widget/KStackableTimeSeries.vue

@@ -22,6 +22,7 @@
           :end-time="endTime"
           @zoom-start="onZoomStart"
           @zoom-end="onZoomEnd"
+          @legend-clicked="onLegendClicked"
         />
         <KDataTable v-else
           :ref="components[index].onTableRef"
@@ -55,6 +56,7 @@
           :end-time="endTime"
           @zoom-start="onZoomStart"
           @zoom-end="onZoomEnd"
+          @legend-clicked="onLegendClicked"
         />
         <KDataTable v-else
           :ref="components[index].onTableRef"
@@ -84,11 +86,6 @@ import KPanel from '../../../../core/client/components/KPanel.vue'
 import KTimeSeriesChart from '../../../../core/client/components/chart/KTimeSeriesChart.vue'
 import KDataTable from '../../../../core/client/components/chart/KDataTable.vue'
 
-const emit = defineEmits(['zoom-start', 'zoom-end'])
-// const timeseries = [
-//   { label: 'group1', series: [] }
-//   { label: 'group2', series: [] }
-// ]
 const props = defineProps({
   timeSeries: { type: Array, default: () => [] },
   xAxisKey: { type: String, default: 'x' },
@@ -102,6 +99,9 @@ const props = defineProps({
   exportOptions: { type: Object, default: () => ({}) }
 })
 
+// Emits
+const emit = defineEmits(['zoom-start', 'zoom-end', 'legend-clicked'])
+
 // data
 const components = ref([])
 const startTime = ref(null)
@@ -195,6 +195,9 @@ function onZoomEnd ({ chart, start, end }) {
   endTime.value = moment.utc(end)
   emit('zoom-end', { chart, start, end, zoomHistory })
 }
+function onLegendClicked (legendItem, legend) {
+  emit('legend-clicked', legendItem, legend)
+}
 function update () {
   _.forEach(components.value, component => {
     if (component.chart) component.chart.update()