用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图表集
相关内容
热门资讯
大家学习交流！hhpoker辅...
大家学习交流！hhpoker辅助挂是真的吗，欢乐达人暗堡破解，竟然存在有辅助工具（有挂秘诀）亲，关键...
玩家实测！wpk俱乐部有没有辅...
玩家实测！wpk俱乐部有没有辅助，蘑菇云游破解版，都是是真的有辅助辅助（了解有挂）1、首先打开蘑菇云...
玩家必备科技！wepoker黑...
玩家必备科技！wepoker黑侠辅助器正版下载，新玉海楼茶苑辅助器，竟然是真的有辅助脚本（有挂秘诀）...
三分钟了解！hhpoker可以...
三分钟了解！hhpoker可以控制牌吗，情怀辅助器，真是是真的有辅助下载（了解有挂）1、下载好情怀辅...
技术分享！wepoker破解是...
技术分享！wepoker破解是真的还是假的，兴动互娱辅助工具，果然存在有辅助安装（有挂详细）1、金币...
科技通报！pokemmo辅助器...
科技通报！pokemmo辅助器，如何使用掌酷十三张脚本，一贯是真的有辅助神器（新版有挂）1、首先打开...
实测揭晓！wejoker手机版...
实测揭晓！wejoker手机版透视脚本，椰子大厅辅助脚本，竟然真的是有辅助插件（有挂规律）1、椰子大...
专业讨论！uupoker透视，...
专业讨论！uupoker透视，智星德州辅助译码插件靠谱吗，一直有辅助脚本（有挂攻略）所有人都在同一条...
教程攻略！wepoker辅助器...
教程攻略！wepoker辅助器如何使用，中至江西插件，好像有辅助下载（确实有挂）1、玩家可以在中至江...
总算了解！wpk作必弊最怕三个...
总算了解！wpk作必弊最怕三个东西，情怀麻烦将关春天辅助，好像是真的有辅助辅助（有挂功能）1、完成情...