用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图表集

上一篇：【三维重建工具】NeRFStudio、3D GaussianSplatting、Colmap安装与使用指南（更新中）

下一篇：六分钟了解微扑克网页版原来是真的有挂，太坏了原来是有挂，详细教程（有挂秘籍）

相关内容

热门资讯

此事引发网友热议!闲逸亲友圈a... 此事引发网友热议!闲逸亲友圈app辅助(辅助)原来真的有辅助下载(有挂方法)-哔哩哔哩1、操作简单，...
普及透视!fishpoker透... 普及透视!fishpoker透视底牌!切实真的是有辅助攻略(真的有挂)-哔哩哔哩1、很好的工具软件，...
科普分享！GG大玩家辅助软件，... 科普分享！GG大玩家辅助软件，aapoker真的假的，手段教程（有挂详情）-哔哩哔哩1、每一步都需要...
详情透视！拱趴大菠萝开挂方法，... 详情透视！拱趴大菠萝开挂方法，aapoker透视脚本入口，方案教程（有挂讲解）-哔哩哔哩拱趴大菠萝开...
随着!衢州都莱辅助器开挂(辅助... 随着!衢州都莱辅助器开挂(辅助)总是是有辅助app(有挂细节)-哔哩哔哩1、衢州都莱辅助器开挂免费辅...
终于知道!！小程序卡五星辅助，... 终于知道!！小程序卡五星辅助，hhpoker作必弊码怎么用，法子教程（有挂规律）-哔哩哔哩1、很好的...
解迷透视!德州机器人代打脚本!... 解迷透视!德州机器人代打脚本!本来一直总是有辅助软件(果真有挂)-哔哩哔哩1）德州机器人代打脚本辅助...
推荐透视！wepoker软件靠... 推荐透视！wepoker软件靠谱么，购买wepoker模拟器，诀窍教程（的确有挂）-哔哩哔哩1.we...
据相关数据显示!微信小程序财神... 据相关数据显示!微信小程序财神十三张脚本(辅助)竟然存在有辅助软件(今日头条)-哔哩哔哩1、完成微信...
重大来袭！来玩app辅助器，h... 重大来袭！来玩app辅助器，hhpoker可以开挂吗，策略教程（有挂解密）-哔哩哔哩1、不需要AI权...