Merge pull request #215 from PrefectHQ/scales

Add axes scales that can be dynamically updated
PrefectHQ · Oct 2, 2023 · f2a3dec · f2a3dec
2 parents 9753236 + 423a15f
commit f2a3dec
Show file tree

Hide file tree

Showing 10 changed files with 1,396 additions and 46 deletions.
diff --git a/demo/sections/components/RunGraphDemo.vue b/demo/sections/components/RunGraphDemo.vue
@@ -1,14 +1,24 @@
 <template>
   <p-layout-default class="run-graph-demo">
-    <RunGraph :config="config" class="run-graph-demo__graph" />
+    <RunGraph :config="config" :zoom="zoom" class="run-graph-demo__graph" />
+    <p-number-input v-model="zoom" />
   </p-layout-default>
 </template>
 
+<!-- eslint-disable camelcase -->
 <script lang="ts" setup>
+  import { endOfHour, startOfHour } from 'date-fns'
+  import { ref } from 'vue'
   import RunGraph from '@/components/RunGraph.vue'
-  import { RunGraphConfig } from '@/models'
+  import { RunGraphConfig, RunGraphData } from '@/models'
 
-  const dummy: any = {}
+  const zoom = ref(0)
+  const now = new Date()
+
+  const dummy: RunGraphData = {
+    start_time: startOfHour(now),
+    end_time: endOfHour(now),
+  }
 
   const config: RunGraphConfig = {
     runId: 'foo',