用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图表集
相关内容
热门资讯
透视辅助！werplan怎么透...
透视辅助！werplan怎么透视，青鸟辅助安卓，项目辅助教程（揭秘有挂）-哔哩哔哩1、下载好werp...
据相关数据显示！微信小程序微乐...
据相关数据显示！微信小程序微乐家乡辅助器，竟然存在有辅助脚本（真的有挂）-哔哩哔哩1、下载好微信小程...
透视透视挂！红龙poker辅助...
透视透视挂！红龙poker辅助器免费观看，微乐自建房辅助可信吗，方针辅助工具（有挂细节）-哔哩哔哩红...
据相关数据显示！多乐跑得快游戏...
据相关数据显示！多乐跑得快游戏辅助脚本，竟然有挂辅助软件（详细教程）-哔哩哔哩据相关数据显示！多乐跑...
黑科技攻略！竞技联盟辅助插件，...
黑科技攻略！竞技联盟辅助插件，海贝大厅辅助下载，操作辅助教程（有挂功能）-哔哩哔哩1、超多福利：超高...
做出回应！情怀莆仙到底是不是有...
做出回应！情怀莆仙到底是不是有挂，竟然真的是有辅助脚本（有挂实锤）-哔哩哔哩情怀莆仙到底是不是有挂脚...
记者获悉！红龙poker辅助平...
您好，红龙poker辅助平台这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】...
在玩家背景下！牵手辅助神器下载...
在玩家背景下！牵手辅助神器下载，竟然存在有辅助软件（有挂工具）-哔哩哔哩该软件可以轻松地帮助玩家将牵...
透视最新！聚星ai辅助工具收费...
透视最新！聚星ai辅助工具收费多少，威信茶馆辅助器下载，妙计辅助神器（真实有挂）-哔哩哔哩1、打开软...
日前！蜀山四川辅助脚本，都是真...
日前！蜀山四川辅助脚本，都是真的是有辅助脚本（了解有挂）-哔哩哔哩1、任何蜀山四川辅助脚本透视是真的...