饼图渲染的关键

创建一个DOM对象,有自定义的高和宽.

引入Echarts软件包并导入到对应文件内

npm i Echarts

import 文件.js

script src='.../文件'

初始化一个对象

对象的方法实现饼图渲染

data内的数据,且当一个对象已经渲染一遍,再执行这个,会对setOption的参数进行更新,其他不变的饼图.

我们这个饼图需要DOM对象,因此最早也只能在mounted.series是数组,可写多个,创建多个图像,都在这个dom内.

相关推荐
Robbie丨Yang16 分钟前
CSS 工作原理
前端·css
酒渣19 分钟前
css动态样式
前端·css
天下无贼!21 分钟前
【轮播图】H5端轮播图、横向滑动、划屏效果实现方案——Vue3+CSS position/CSS scroller
javascript·css·vue.js·vue
转转技术团队44 分钟前
从“v我50”到“疯狂星期四”:HTTPS如何用47天寿命的证书挡住中间人
前端
zeqinjie1 小时前
Flutter 使用 AI Cursor 快速完成一个图表封装【提效】
前端·flutter
真上帝的左手1 小时前
24. 前端-js框架-Vue
前端·javascript·vue.js
3Katrina1 小时前
《Stitch的使用指南以及AI新开发模式杂谈》
前端
无羡仙1 小时前
按下回车后,网页是怎么“跳”出来的?
前端·node.js
喝拿铁写前端1 小时前
Vue 实战:构建灵活可维护的菜单系统
前端·vue.js·设计模式
ZzMemory1 小时前
一套通关CSS选择器,玩转元素定位
前端·css·面试