markers++

examples/markers.html

@@ -13,8 +13,8 @@
       const startTime = 1701790172908;
       const timeSerieData = [5, 6, 3, 7, 5, 6, 8, 4, 5, 6, 4, 3, 5, 7, 8]
         .map((el, idx) => [startTime + idx * 1000, el]);
-      const markersData = [3, 6, 9].map(el => startTime + el * 1000);
+      const markersData1 = [3, 6, 9].map(el => startTime + el * 1000);
-
+      const markersData2 = [4, 11].map(el => startTime + el * 1000);
       let options = {
         renderLegend: false,
         axis: {
@@ -29,7 +29,8 @@
         ],
         options,
         [
-          { data: markersData, color: 'red' },
+          { data: markersData1, color: 'red' },
+          { data: markersData2, color: 'blue' },
         ]
       );
       pod.render();

src/components/markers.ts

@@ -23,7 +23,6 @@ export class Markers {
   }
 
   protected renderMarkerSerie(serie: MarkerSerie) {
-    
     serie.data.forEach((d) => {
       let linePosition = this._state.xScale(d) as number;
       this._d3Holder.append('line')
@@ -49,8 +48,4 @@ export class Markers {
     });
 
   }
-  
-  // pushMarker(marker: Marker) {
-  //   this._markers.push(marker);
-  // }
 }