用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安装与使用指南（更新中）

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

相关内容

热门资讯

程序员教你!微信小程序黑科技(... 程序员教你!微信小程序黑科技(外挂),微乐自建房辅助工具好像有挂方式该软件可以轻松地帮助玩家将外卦神...
出现新变化！顺欣茶楼软件，三哥... 出现新变化！顺欣茶楼软件，三哥玩摆头辅助（切实存在有工具）-哔哩哔哩1、三哥玩摆头辅助公共底牌简单，...
免费测试版!微乐小程序免费黑科... 免费测试版!微乐小程序免费黑科技(外挂),微乐小程序授权其实有挂教程能透视中分为三种模型：模拟器、私...
备受关注的！手游挂机辅助免费版... 备受关注的！手游挂机辅助免费版，九游破解辅助插件教程（切实真的有脚本）-哔哩哔哩1、九游破解辅助插件...
科普攻略!微乐小程序免费黑科技... 科普攻略!微乐小程序免费黑科技(外挂),微乐自建房黑科技入口在哪确实有挂详情1、下载好透视辅助下载之...
据通报！雀友圈斗地主辅助器，边... 据通报！雀友圈斗地主辅助器，边锋透视器辅助器微信（原来存在有脚本）-哔哩哔哩一、边锋透视器辅助器微信...
关于!微信小程序黑科技(外挂)... 关于!微信小程序黑科技(外挂),微乐麻将脚本掌上程序总是有挂分析1、许多玩家不知道辅助怎么退出观战2...
刚刚！新蜜瓜房卡大厅辅助科技，... 刚刚！新蜜瓜房卡大厅辅助科技，hhpoker俱乐部靠谱吗（原来是真的器）-哔哩哔哩1、实时新蜜瓜房卡...
玩家必看科普!!微信小程序免费... 玩家必看科普!!微信小程序免费黑科技(外挂),微乐小程序微乐房间怎么开挂其实的确有挂1）辅助插件：进...
此事备受玩家关注！开心泉州辅助... 此事备受玩家关注！开心泉州辅助免费下载，四川家园茶馆辅助（一贯是有工具）-哔哩哔哩1、首先打开开心泉...