echarts 折现统计图完整实例（vue3.+）

<template>

    <div id="ForderData" style="width: 100%; height: 400px;"></div>

</template>

<script setup>

import { onMounted } from 'vue'

import * as echarts from 'echarts'

const props = defineProps({   

})

const line = () => {

    var myChart = echarts.init(document.getElementById('ForderData'))

   

    myChart.setOption({// 设置 鼠标移入后想要的样式

        // title: {

        //     text: '新增订单趋势',

        //     top: '-5%',

        // },

        tooltip: {

            trigger: 'axis',

            axisPointer:{