用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图表集
相关内容
热门资讯
透视关于！wpk透视是真的假的...
透视关于！wpk透视是真的假的，wpk辅助购买-果然真的有辅助教程（哔哩哔哩）1. 选牌创建新账号，...
透视详情！德普之星透视辅助，如...
透视详情！德普之星透视辅助，如何下载德普之星辅助软件-果然是真的有辅助方法（哔哩哔哩）1、破解器简单...
透视了解！wpk俱乐部是真的吗...
透视了解！wpk俱乐部是真的吗，wpk有作弊吗-一贯存在有辅助插件（哔哩哔哩）运辅助工具，进入游戏界...
透视专业！模拟器打开hhpok...
透视专业！模拟器打开hhpoker，hhpoker透视方法-一贯一直总是有辅助方法（哔哩哔哩）一、可...
透视解谜！wpk插件，wpk透...
透视解谜！wpk插件，wpk透视是真的假的-切实是真的有辅助教程（哔哩哔哩）1、透视解谜！wpk插件...
透视教你！wpk俱乐部有没有辅...
透视教你！wpk俱乐部有没有辅助，如何下载wpk透视版-一贯存在有辅助软件（哔哩哔哩）1、免费脚本咨...
透视解密！hhpoker德州挂...
透视解密！hhpoker德州挂真的有吗，hhpoker德州透视-其实是真的有辅助教程（哔哩哔哩）1、...
透视揭幕！poker辅助器免费...
透视揭幕！poker辅助器免费安装，wepoker透视是真的吗-确实有辅助攻略（哔哩哔哩）epoke...
透视详细！wpk私人辅助，wp...
透视详细！wpk私人辅助，wpk透视辅助-切实一直总是有辅助工具（哔哩哔哩）1、下载好脚本下载之后点...
透视有挂！wepoker透视脚...
透视有挂！wepoker透视脚本免费使用视频，poker辅助器免费安装-切实真的是有辅助app（哔哩...