hastic pod continue

client/src/components/Graph.vue

@@ -15,27 +15,27 @@ export default defineComponent({
   name: 'Graph',
   props: {},
   mounted() {
-    const startTime = 1634172070;
-    const endTime = 1635110190;
+    const endTime = Math.floor(Date.now() / 1000);
+    const startTime = endTime - 60 * 1000; // 1000 seconds
+
     const step = Math.round((endTime - startTime) / 5000);
-    
+
     getMetrics(startTime, endTime, step).then((res) => {
       // console.log(res);
       let target = _.keys(res["data"]["data"])[0];
       let values = res["data"]["data"][target].map(([a,b]) => [b,a]);
 
       
-      
       // const zoomIn = (ranges) => { const range = ranges[0]; options.axis.x.range = range; pod.updateData(undefined, options) }
       // const zoomOut = (ranges) => { console.log('zoomout'); options.axis.x.range = undefined; pod.updateData(undefined, options) }
       let options = {
-        renderLegend: false, 
+        renderLegend: false,
         usePanning: false, 
         // axis: {
         //    y: { invert: false, range: [0, 350] },
         //    x: { format: 'time' }
         // },
-        // eventsCallbacks: { zoomIn: zoomIn, zoomOut }
+        // eventsCallbacks: { zoomIn }
       }
       var pod = new HasticPod(
         document.getElementById('chart'),

client/src/components/hastic_pod/index.ts

@@ -5,4 +5,13 @@ export class HasticPod extends ChartwerkLineChart {
     super(el, series, options)
   }
 
+  renderMetrics() {
+    super.renderMetrics();
+    console.log('render my metrics');
+  }
+
+  private _renderSegments() {
+    const m = this.metricContainer;
+    console.log(m);
+  }
 }