企业项目管理、ORK、研发管理与敏捷开发工具平台

网站首页 > 精选文章 正文

Vue3 使用ECharts

wudianyun 2025-02-09 14:28:19 精选文章 22 ℃

一、建立最新的Vue3工程

npm init vue@latest

二、安装ECharts

npm install echarts --save

三、在vue中引入echarts

* 本文为了更清晰的展示代码,已将vue工程中多余的代码清除。

1.使用provide方法,在App.vue中引入全局echarts


代码如下:



2.创建chart1页面,引用echarts,使用echarts官方代码建立柱状图





3.成果


*provide / inject 是vue中提供的一种父组件为子组件传值的方法

Tags:

最近发表
标签列表