用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辅助在哪里下载-都是是有挂（哔哩哔哩）购买的wpk辅...
这一现象值得深思！微信小程序微...
这一现象值得深思！微信小程序微乐安徽辅助器，微乐小程序黑科技，方式教程（有挂app）-哔哩哔哩1、每...
透视神器！德州辅助工具到底怎么...
透视神器！德州辅助工具到底怎么样（透视）pokemmo手机辅助软件-竟然是有挂（哔哩哔哩）1、用户打...
受玩家影响！微乐小程序自建房透...
受玩家影响！微乐小程序自建房透视，微乐小程序免费黑科技，机巧教程（有挂平台）-哔哩哔哩微乐小程序自建...
代打辅助挂！aapoker如何...
代打辅助挂！aapoker如何设置胜率（透视）hhpoker到底可以透视码-都是真的有挂（哔哩哔哩）...
为切实保障！微信小程序微乐陕西...
为切实保障！微信小程序微乐陕西挖坑，微乐小程序黑科技，办法教程（有挂修改器）-哔哩哔哩小薇（辅助器软...
2026版辅助挂！智星德州可以...
2026版辅助挂！智星德州可以透视吗（透视）智星菠萝可以辅助吗-真是是真的挂（哔哩哔哩）所有人都在同...
针对！微乐陕西小程序破解器下载...
针对！微乐陕西小程序破解器下载，微乐小程序黑科技，绝活儿教程（有挂app）-哔哩哔哩1）微乐陕西小程...
受玩家影响！德普之星辅助工具如...
受玩家影响！德普之星辅助工具如何打开（透视）德普之星辅助工具如何设置-都是真的是有挂（哔哩哔哩）1、...
透视智能ai！微乐小程序辅助脚...
透视智能ai！微乐小程序辅助脚本平台，微乐小程序免费黑科技，秘籍教程（有挂app）-哔哩哔哩1、微乐...