用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图表集
相关内容
热门资讯
据悉！红龙poker辅助工具，...
拱趴大菠萝有什么挂是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我...
据悉！微乐钻石兑换码，德普之星...
您好：这款德普之星私人局辅助游戏是可以开挂的，确实是有挂的，很多玩家在这款德普之星私人局辅助游戏中打...
截至目前！hhpoker有辅助...
截至目前！hhpoker有辅助的吗，hhpoker免费透视脚本，指南书教程（有挂透视）-哔哩哔哩；无...
截至目前！美猴王大厅怎么修改数...
截至目前！美猴王大厅怎么修改数据，微信小程序游戏辅助器，技法教程（果然是有挂）-哔哩哔哩您好：美猴王...
无独有偶！wepoker辅助器...
无独有偶！wepoker辅助器免费，竞技联盟破解版最新版，大纲教程（有挂总结）-哔哩哔哩 了解更多开...
记者获悉！闲逸app有脚本吗，...
记者获悉！闲逸app有脚本吗，青龙大厅挂什么价格，手筋教程（果然是真的有挂的）-哔哩哔哩>>您好：软...
经核实！wpk辅助，wepok...
经核实！wpk辅助，wepoker辅助方法，项目教程（有挂辅助）-哔哩哔哩您好：wepoker辅助方...
反观！小程序财神十三张脚本小游...
反观！小程序财神十三张脚本小游戏，新上游通用挂是真的吗，诀窍教程（一直确实有挂的）-哔哩哔哩《详细加...
突发！pokerrrr2辅助，...
红龙poker辅助是一款专注玩家量身打造的游戏记牌类型软件，在红龙poker辅助这款游戏中我们可以记...
目前来看！决战卡五星辅助神器，...
目前来看！决战卡五星辅助神器，兴动休闲辅助，模板教程（原来确实是有挂）-哔哩哔哩《详细加薇13670...