用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图表集
相关内容
热门资讯
玩家必看科普！中至汾阳麻将辅助...
玩家必看科普！中至汾阳麻将辅助挂脚本软件工具，中至汾阳麻将一贯存在有辅助挂揭露APP（有挂分析）；中...
来一盘！友信辅助器脚本软件工具...
来一盘！友信辅助器脚本软件工具，友信竟然是真的有辅助器关于APP（有挂秘诀）是一款可以让一直输的玩家...
攻略方法！非凡一夏辅助挂脚本软...
【福星临门，好运相随】；攻略方法！非凡一夏辅助挂脚本软件工具，非凡一夏从来真的是有辅助挂科普APP（...
揭秘攻略！闽南麻将辅助器脚本软...
揭秘攻略！闽南麻将辅助器脚本软件工具，闽南麻将固有是有辅助器详细APP（有挂攻略）；1.闽南麻将 a...
实操分享！铃铛游戏3D透视挂脚...
实操分享！铃铛游戏3D透视挂脚本软件工具，铃铛游戏3D最初存在有透视挂详细APP（有挂秘笈）;人气非...
推荐一款!！猴猴苏州麻将透视挂...
推荐一款!！猴猴苏州麻将透视挂脚本软件工具，猴猴苏州麻将固有存在有透视挂分享APP（有挂技巧）是一款...
AI教程！新月同行辅助挂脚本软...
您好：新月同行这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，...
玩家必备教程!！和顺互娱透视挂...
玩家必备教程!！和顺互娱透视挂脚本软件工具，和顺互娱从来存在有透视挂解谜APP（有挂技巧）;是一款可...
详细说明！欢乐茶馆辅助挂脚本软...
详细说明！欢乐茶馆辅助挂脚本软件工具，欢乐茶馆从来是真的有辅助挂曝光APP（有挂技巧）;一、欢乐茶馆...
一分钟秒懂！和谐辅助器脚本软件...
一分钟秒懂！和谐辅助器脚本软件工具，和谐真是真的是有辅助器专业APP（有挂方式）;1、很好的和谐工具...