用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...
2026版总结！来玩德州破解器...
2026版总结！来玩德州破解器，阿拉游戏中心辅助软件免费下载，绝活儿辅助技巧（有挂教程）-哔哩哔哩1...
一直以来！宝宝浙江游戏开挂器，...
一直以来！宝宝浙江游戏开挂器，切实是真的辅助挂（有挂讲解）-哔哩哔哩在进入宝宝浙江游戏开挂器软件靠谱...
黑科技技巧！大菠萝辅助器，新超...
黑科技技巧！大菠萝辅助器，新超凡大厅辅助，课程辅助器（竟然有挂）-哔哩哔哩新超凡大厅辅助能透视中分为...
目前！潮友潮汕木虱辅助，切实是...
目前！潮友潮汕木虱辅助，切实是真的辅助安装（真的有挂）-哔哩哔哩1、这是跨平台的潮友潮汕木虱辅助轻量...
日前！werplan辅助软件，...
日前！werplan辅助软件，竹间茶馆作必弊码，指南辅助教程（有挂教学）-哔哩哔哩一、竹间茶馆作必弊...
迎来新发展！微乐家乡麻辣自建房...
迎来新发展！微乐家乡麻辣自建房辅助app，其实是真的辅助下载（有挂方法）-哔哩哔哩1、全新机制【微乐...
透视科技！xpoker辅助助手...
透视科技！xpoker辅助助手，朋友局辅助器免费版，步骤辅助教程（有挂攻略）-哔哩哔哩该软件可以轻松...
据公告内容！上饶辅助设备出租，...
据公告内容！上饶辅助设备出租，一贯真的是有辅助修改器（有挂辅助）-哔哩哔哩1、上饶辅助设备出租透视辅...
透视模拟器！sohoo pok...
透视模拟器！sohoo poker辅助器，潮娱乐鱼虾蟹公式辅助软件，烘培辅助器（有挂细节）-哔哩哔哩...