如何在vue3中正确的引入echarts

隐含

已于 2023-06-30 13:51:57 修改

阅读量213

点赞数

文章标签：前端 javascript

于 2023-06-30 10:47:44 首次发布

本文链接：https://blog.csdn.net/u010782109/article/details/131471655

版权

本文详细介绍了如何在 Vue3 项目中正确引入 ECharts 图表库，包括安装过程、配置方法以及在组件中使用 ECharts 的实例步骤，帮助开发者实现数据可视化的无缝集成。

摘要由CSDN通过智能技术生成

如何在vue3中正确的引入echarts

//第一安装命令   
//   npm install echarts --save

//第二 新建文件 mycharts.vue  
<template>
   <div ref="main" style="width: 600px;height:400px;"></div>
</template>
<script setup>
   import * as echarts from 'echarts'
   import {
    ref, onMounted }