sergeysav/telemetry_visualization
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

logarithmic graph

Browse Source
This commit is contained in:
Sergey Savelyev
2024-12-03 23:06:47 -08:00
parent 1fb3ef02db
commit 07b585f956
16 changed files with 758 additions and 554 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/src/views/HomeView.vue
View File

@@ -1,25 +1,28 @@
<script setup lang="ts">
import { useWebsocket, WEBSOCKET_SYMBOL } from '@/composables/websocket'
import { provide } from 'vue'
import Graph from '@/components/Graph.vue'
import Axis from '@/components/Axis.vue'
import Line from '@/components/Line.vue'
const websocket = useWebsocket();
provide(WEBSOCKET_SYMBOL, websocket);
import Graph from '@/components/SvgGraph.vue'
import Axis from '@/components/GraphAxis.vue'
import Line from '@/components/TelemetryLine.vue'
const websocket = useWebsocket()
provide(WEBSOCKET_SYMBOL, websocket)
</script>
<template>
<main>
<Graph :width=1500 :height=800 :border="48">
<Axis>
<Line data="simple_producer/sin" color="#FF0000"></Line>
<Line data="simple_producer/cos" color="#00FF00"></Line>
</Axis>
</Graph>
</main>
<main>
<Graph
:width="1500"
:height="800"
:border_top_bottom="24"
:border_left_right="64"
>
<Axis>
<Line data="simple_producer/sin" color="#FF0000"></Line>
<Line data="simple_producer/cos" color="#00FF00"></Line>
</Axis>
</Graph>
</main>
</template>
<style>
</style>
<style></style>