Alexey Velikiy
3 years ago
5 changed files with 80 additions and 0 deletions
@ -0,0 +1,34 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<h3>MODEL</h3> |
||||||
|
<div id="chart"></div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import { defineComponent } from 'vue'; |
||||||
|
import ChartwerkScatterPod from "@chartwerk/scatter-pod"; |
||||||
|
|
||||||
|
import _ from "lodash"; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'ScatterPlot', |
||||||
|
props: {}, |
||||||
|
mounted() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
#chart { |
||||||
|
margin: auto; |
||||||
|
width: 80%; |
||||||
|
height: 350px; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,28 @@ |
|||||||
|
<template> |
||||||
|
<div class="home"> |
||||||
|
<img alt="Vue logo" src="../assets/logo.png"> |
||||||
|
<scatter-plot /> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import { defineComponent } from 'vue'; |
||||||
|
import ScatterPlot from '@/components/ScatterPlot.vue'; |
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'MOdel', |
||||||
|
components: { |
||||||
|
ScatterPlot |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
pre { |
||||||
|
display: inline; |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue