<template>
    <div id="echart" class="echart"></div>
</template>

<script setup>
import { onMounted } from "vue"
import * as echarts from 'echarts'
import op from './option'

onMounted(() => {
    const myEchart = echarts.init(document.getElementById('echart'))
    myEchart.setOption(op)
})

</script>

<style lang="scss" scoped>
    .echart {
        width: 100%;
        height: 100%;
    }
</style>