用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、许多玩家不知道闽游麻将辅助怎么退...
推荐攻略!AAPoKer辅助挂...
推荐攻略!AAPoKer辅助挂多功能透视工具，其实有挂(有挂神器)1、AAPoKer公共底牌简单，A...
随着!红中麻将辅助透视挂，打两...
随着!红中麻将辅助透视挂，打两圈兴化麻将真的是有挂，其实有挂解密进入游戏-大厅左侧-新手福利-激活码...
玩家必看攻略!aapoker辅...
玩家必看攻略!aapoker辅助挂多功能透视工具，竟然真的是有挂(确实有挂)1、首先打开aapoke...
目前!天龙八部辅助透视挂，趣玩...
目前!天龙八部辅助透视挂，趣玩贵州麻将是真的有挂，都是证实有挂1、玩家可以在天龙八部线上大神俱乐部对...
今日焦点!wpk辅助挂多功能透...
今日焦点!wpk辅助挂多功能透视工具，确实真的有挂(有挂分享)wpk辅助器是一种具有地方特色的麻将游...
据公告内容!多彩世界辅助透视挂...
据公告内容!多彩世界辅助透视挂，天天监利麻将是有挂，好像有挂规律1、每一步都需要思考，不同水平的挑战...
新手必备!AAPoKer辅助挂...
新手必备!AAPoKer辅助挂多功能透视工具，其实是有挂(有挂技巧)1、首先打开AAPoKer辅助器...
最终!8522TV辅助透视挂，...
最终!8522TV辅助透视挂，福气棋牌真的有挂，切实有挂方略亲，关键说明，福气透视脚本安卓赛季回归，...
分辨真假!wepoker辅助挂...
分辨真假!wepoker辅助挂多功能透视工具，一贯真的有挂(有挂秘籍)1、这是跨平台的wepoker...