用echarts在vue2中实现3d饼图
创始人
2025-01-10 12:33:30
0次
先看效果，再看文章：
一、安装插件
3d的图不仅用到echarts，还用到了echarts-gl，因此都需要安装一下哦~
npm install echarts npm install echarts-gl@2.0.9 //可以指定版本，也可不指定 二、在main.js中引入
import * as echarts from "echarts"; import 'echarts-gl'; Vue.prototype.$echarts = echarts;三、在组件中使用
直接复制粘贴吧，省事
四、常修改的参数
1、修改3d饼图大小，在大概244行的位置，grid3D的对象里面，修改distance属性，即可调整
值越小，图越大
2、修改3d饼图视角高度，在大概161行的位置，修改函数的第二个参数
3、修改3d饼图颜色，直接在data中的optionData里面修改就行了
4、修改饼图位置，这个常用，也是在grid3D这个属性里面设置，在大概240行的位置
在3d饼图中设置下面这两属性是没用的，所以这里请注意一下，记得去grid3D里面修改他的位置
最后乘上官方文档例子：echarts图表集
相关内容
热门资讯
最终！德普之星透视免费，微信小...
最终！德普之星透视免费，微信小程序雀神，好像真的是有挂（有挂攻略）1、下载好微信小程序雀神脚本下载之...
黑科技技巧！wepoker免费...
黑科技技巧！wepoker免费脚本，jj斗地主外开挂，都是是真的有挂（讲解有挂）1、每一步都需要思考...
突发！pokemomo辅助软件...
突发！pokemomo辅助软件，winner辅助软件，切实是真的有挂（有挂教程）1、实时winner...
更值得关注的是！wpk真吗，潮...
更值得关注的是！wpk真吗，潮友会鱼虾蟹塞子概率计算方式，原来真的有挂（有挂细节）一、潮友会鱼虾蟹塞...
突发！aapoker怎么选牌，...
突发！aapoker怎么选牌，雀友会广东潮汕辅助脚本，总是真的是有挂（真的有挂）该软件可以轻松地帮助...
截至目前！wpk软件是正规的吗...
截至目前！wpk软件是正规的吗，宝宝浙江游戏免费开挂，一直是真的有挂（有挂解密）宝宝浙江游戏免费开挂...
现有关情况通报如下！哈糖大菠萝...
现有关情况通报如下！哈糖大菠萝万能挂，蜀山四川麻亲友房祈福，果然存在有挂（发现有挂）1、游戏颠覆性的...
黑科技辅助挂！wepoker开...
黑科技辅助挂！wepoker开脚本视频，多乐小程序游戏破解器，确实确实有挂（证实有挂）黑科技辅助挂！...
2026版复盘！wepoker...
2026版复盘！wepoker俱乐部辅助，财神破解版全自动脚本，切实真的有挂（存在有挂）1、下载好财...
突发！we-poker辅助器，...
突发！we-poker辅助器，枫叶辅助器，一贯真的是有挂（揭秘有挂）枫叶辅助器透视方法中分为三种模型...