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

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

相关内容

热门资讯

发现一款！琼戏互娱破解版（透视... 您好，琼戏互娱破解版这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这...
分享开挂内幕！约局吧能开挂（透... 分享开挂内幕！约局吧能开挂（透视）详情开挂辅助技巧（有挂总结）；1、下载好约局吧能开挂辅助软件之后点...
攻略讲解！wepoker分析（... 攻略讲解！wepoker分析（透视）原生有开挂辅助下载；wepoker分析软件透明挂作为一款wepo...
一分钟了解！微信天天真人小程序... 一分钟了解！微信天天真人小程序辅助器（透视）竞技联盟辅助（专业开挂辅助下载）；微信天天真人小程序辅助...
总算了解！哈灵脚本辅助最简单三... 总算了解！哈灵脚本辅助最简单三个步骤（透视）关于开挂辅助技巧（今日头条）1、超多福利：超高返利，海量...
总算明白！wejoker开挂（... 总算明白！wejoker开挂（透视）好像有开挂辅助下载是一款可以让一直输的玩家，快速成为一个“必胜”...
发现玩家！微信微乐游戏辅助脚本... 发现玩家！微信微乐游戏辅助脚本（透视）wepoker数据分析（曝光开挂辅助神器）;相信小伙伴都知道这...
一秒答解！熊猫辅助软件（透视）... 一秒答解！熊猫辅助软件（透视）推荐开挂辅助教程（了解有挂）1、任何熊猫辅助软件ai辅助神器的玩家都可...
揭秘几款！wepoker正确养... 揭秘几款！wepoker正确养号方法（透视）原本有开挂辅助工具；详细wepoker正确养号方法攻略（...
教程辅助！长春科乐天天踢辅助（... 教程辅助！长春科乐天天踢辅助（透视）wepoker国外版透视（必备开挂辅助安装）;长春科乐天天踢辅助...