用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图表集
相关内容
热门资讯
第八分钟了解！反斗联盟辅助软件...
第八分钟了解！反斗联盟辅助软件（辅助）妙趣斗地主开挂辅助安装-一贯有挂修改器1、反斗联盟辅助软件免费...
第9分钟了解！威胁你小程序雀神...
第9分钟了解！威胁你小程序雀神挂件（辅助）微乐吉林麻将开挂辅助脚本-竟然是有修改器1、全新机制【威胁...
一分钟了解！盛世辅助软件怎么样...
一分钟了解！盛世辅助软件怎么样（辅助）天天微乐开挂辅助插件-都是真的是有软件1、不需要AI权限，帮助...
6分钟了解！广西八一透明最新款...
6分钟了解！广西八一透明最新款（辅助）耀星开挂辅助辅助器-原来是真的工具1、首先打开广西八一透明最新...
五分钟了解！宁夏划水辅助（辅助...
五分钟了解！宁夏划水辅助（辅助）欢聚肇源麻将开挂辅助工具-本来真的是有神器五分钟了解！宁夏划水辅助（...
5分钟了解！新上游通用挂是真的...
5分钟了解！新上游通用挂是真的吗（辅助）四川麻将开挂辅助插件-确实是真的修改器1、新上游通用挂是真的...
三分钟了解！大头大菠萝辅助（辅...
三分钟了解！大头大菠萝辅助（辅助）大宝江苏麻将开挂辅助插件-竟然存在有辅助1）大头大菠萝辅助有没有挂...
三分钟了解！微乐云南小程序辅助...
三分钟了解！微乐云南小程序辅助器（辅助）富赢开挂辅助app-其实是真的工具1、每一步都需要思考，不同...
五分钟了解！新卡农辅助软件（辅...
五分钟了解！新卡农辅助软件（辅助）嗒嗒开挂辅助安装-真是是真的辅助器1、很好的工具软件，可以解锁游戏...
8分钟了解！728游戏修改器（...
8分钟了解！728游戏修改器（辅助）众悦棋牌开挂辅助软件-果然存在有辅助器一、728游戏修改器可以开...