(vue3.0安装并使用echarts)

1. 安装echarts
npm install echarts --save

2. main.js

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
// 引入路由
import router from './router'
// 引入store
import store from './store'
// 引用echart
import ectarts from './utils/ectarts'
app.config.globalProperties.$echarts = ectarts
app
  .use(store)
  .use(router)
  .mount('#app')

3. 在utils创建 echarts.js

// 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。
import * as echarts from 'echarts/core'
// 引入柱状图图表,图表后缀都为 Chart
import { BarChart } from 'echarts/charts'
// 引入提示框,标题,直角坐标系,数据集,内置数据转换器组件,组件后缀都为 Component
import {
  TitleComponent,
  TooltipComponent,
  GridComponent,
  DatasetComponent,
  TransformComponent,
} from 'echarts/components

在vue3.0中安装并使用echarts相关推荐

  1. VUE3.0 一.安装node.js、vue3.0脚手架

    VUE3.0 一.安装node.js.vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本,出现版本号即安装成功. npm -v # 6.13.4node - ...

  2. Vue3.0中的变化

    1.Vue3 简介 2020 年 9 月 18 日,Vue.js 发布 3.0 版本,代号:One Piece(海贼王) 2.Vue3 带来了什么 1.性能的提升 打包大小减少 41% 初次渲染快 5 ...

  3. 【Linux】在VirtualBox-6.0中安装Manjaro18.0

    1.参考博客: VMware虚拟机下Manjaro17.1.6安装详细教程 2.在VirtualBox-6.0中安装Manjaro18.0 1)基本步骤和博客中安装17.1.6相同,下面只记录不同的. ...

  4. CentOS-7.0.中安装与配置Tomcat-7的方法

    CentOS-7.0.中安装与配置Tomcat-7的方法 原创 2014年11月24日 23:38:36 72472 安装说明  安装环境:CentOS-7.0.1406 安装方式:源码安装  软件: ...

  5. vue3.0中使用Element-plus默认英文组件修改为中文

    vue3.0中使用Element-plus默认英文组件修改为中文修改方法 说明:本方法Element-plus 1.0.2-beta.59 之前的版本可以,1.0.2-beta.59之后版本请看下一篇 ...

  6. 红旗linux6.0安装不了,在红旗linux6.0中安装vmware tools遇到的问题

    在红旗linux6.0中安装vmware tools遇到的问题 为了能够在使用虚拟机中的红旗linux6.0时方便一些,便想把vmware tools给安装上,这样就不至于受到鼠标移动的限制了.于是, ...

  7. vue3.0中props父子传值的改动

    前言: 对vue3.0的学习以及对技术更新升级内容的整理与使用,这里分析下他的props父子传值的改动. vue官方入口 目录 一.vue2.0中props的用法 1.父组件中 a.vue中 2.子组 ...

  8. 在 Anaconda3 5.0.0 中安装 Plot.ly Dash

    在 Anaconda3 5.0.0 中安装 Plot.ly Dash 安装包 plotly包可以直接在 Anaconda3 5.0.0 中安装 Anaconda3 5.0.0 中不包含 Dash 相关 ...

  9. vue3.0中找不到组件 或者找不到对应的类型声明。怎么解决

    vue3.0中找不到组件 或者找不到对应的类型声明如何解决? 这里报错 .报错原因 报错就是ts影响 找不到组件模块或者找不到对应的类型声明 typescript 只能理解 .ts 文件,无法理解 . ...

最新文章

  1. OSCache-JSP页面缓存(2)
  2. 小红书笔记api_超级干货丨小红书种草笔记如何写?
  3. 用博文中的方法-r -d \t试了下conlleval测试crf++的输出
  4. mvc6 mysql_MVC+EF6使用MySQL+CodeFirst的详细配置
  5. 《计算机系统:系统架构与操作系统的高度集成》——3.2 处理器实现涉及什么...
  6. MongoDB 计划从“Data Sprawl”中逃脱!
  7. [Python] L1-005. 考试座位号-PAT团体程序设计天梯赛GPLT
  8. innovus停止当前命令_从命令行停止node.js程序
  9. SRNTT:Image Super-Resolution by Neural Texture Transfer
  10. 逆向-IDA工具的基本使用
  11. qcom usb驱动下载_艾肯Mobile Q驱动-艾肯Mobile Q usb外置声卡驱动下载v1.35.20 官方最新版-西西软件下载...
  12. 遥感学习笔记:遥感数据源免费数据获取途径
  13. Python使用-错误“name ‘requests‘ is not defined”的探查
  14. Texstduio+Miktex遇到ntx-Italic-tlf-t1 could not be created问题
  15. RT-Thread Studio 使用笔记(六)| 获取光传感器数据(I2C设备驱动+BH1750手写驱动代码分享)
  16. 个别网站无法访问,能ping通
  17. 6只做化验用的玻璃杯,前面3只盛满了水,后面3只是空的。你能只移动1只玻璃杯,就便盛满水的杯子和空杯子间隔起来吗?
  18. 新版正方教务网模拟登录python实现
  19. eclipse导入工程报错Faceted Project Problem(1 item)
  20. 关于相机坐标到投影空间坐标转换的理解

热门文章

  1. 星际蜗牛矿难机,j1900 4核+4G内存+16Gssd硬盘,群晖6.1,SSD引导成功
  2. 《微SaaS创富周刊》第4期:2023年50+个微SaaS创业思路、时间管理APP 为我创收60万美元
  3. 【数学建模】2022亚太赛A题 结晶器熔炼结晶过程序列图像特征提取与建模分析
  4. arcgis像元大小和分辨率_ArcGIS教程:栅格数据基本词汇
  5. mysql mpm_Zabbix Mysql Fpmmm(MPM)监控的教程
  6. 浏览器打开本地exe
  7. php echarts 嵌套饼图,echarts绘制嵌套环形图/ 双饼图
  8. 面试复盘:2020.09.09
  9. html中微信添加好友超链接,微信给文字加链接代码分享(原来微信超链接是这样加的)...
  10. 算法的本质是什么?程序员如何学好算法?