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

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

相关内容

热门资讯

8分钟辅助器外挂！wepoke... 8分钟辅助器外挂！wepoker辅助透视软件，aapoker插件下载（存在有挂）-哔哩哔哩wepok...
目前来看!天天微友辅助器!真是... 目前来看!天天微友辅助器!真是真的是有开挂辅助教程(有挂秘诀)-哔哩哔哩1、上手简单，内置详细流程视...
4分钟辅助器外挂！aapoke... 4分钟辅助器外挂！aapoker辅助工具安全吗，wepoker有机器人吗（新版有挂）-哔哩哔哩1、不...
经调查!闲来辅助神器!一贯是真... 您好，闲来辅助神器这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
第六分钟辅助器外挂！wejok... 第六分钟辅助器外挂！wejoker黑侠辅助器，wpk透视辅助靠谱吗（有人有挂）-哔哩哔哩1）wpk透...
9分钟辅助器外挂！wepoke... 9分钟辅助器外挂！wepoker透视脚本苹果版，we-poker辅助（详细教程）-哔哩哔哩wepok...
截至发稿!蛮王大厅辅助插件!都... 截至发稿!蛮王大厅辅助插件!都是是真的有开挂辅助器(有挂秘笈)-哔哩哔哩1、蛮王大厅辅助插件模拟器是...
第三分钟辅助器外挂！wpk有辅... 第三分钟辅助器外挂！wpk有辅助器吗，aapoker真的假的（证实有挂）-哔哩哔哩1、实时aapok...
复盘辅助挂!永胜联盟有辅助吗!... 复盘辅助挂!永胜联盟有辅助吗!本来是真的有开挂辅助技巧(今日头条)-哔哩哔哩1、任何永胜联盟有辅助吗...
1分钟辅助器外挂！wepoke... 1分钟辅助器外挂！wepokerplus脚本，wepoker看底牌（的确有挂）-哔哩哔哩1）wepo...