vue脚手架中使用echarts视图

vue脚手架中使用echarts

官网使用文档:https://echarts.apache.org/handbook/zh/get-started/

vue脚手架中使用echarts视图_第1张图片

一,安装echarts (可视图)

npm install echarts --save

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NSIS0WRe-1680762142919)(C:\Users\lps\AppData\Roaming\Typora\typora-user-images\image-20230406141209899.png)]

二,在main.js 中引入

import * as echarts from 'echarts';
Vue.prototype.$echarts=echarts

vue脚手架中使用echarts视图_第2张图片

三,案例






四,效果

vue脚手架中使用echarts视图_第3张图片

你可能感兴趣的:(Vue脚手架,echarts,vue.js,前端)