用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、金币登录送、破产送、升...
两分钟了解！中至常熟辅助（辅助...
两分钟了解！中至常熟辅助（辅助）四川麻将开挂辅助神器-都是真的有修改器所有人都在同一条线上，像星星一...
8分钟了解！新超圣正版辅助（辅...
8分钟了解！新超圣正版辅助（辅助）闲游龙岩麻将开挂辅助神器-果然是真的修改器1、起透看视 新超圣正版...
8分钟了解！微信小程序雀神挂件...
8分钟了解！微信小程序雀神挂件价格（辅助）真人天天麻将开挂辅助辅助器-原来有挂安装1、全新机制【微信...
第二分钟了解！钱塘十水三辅助（...
第二分钟了解！钱塘十水三辅助（辅助）中至抚州麻将开挂辅助脚本-切实真的是有修改器1、钱塘十水三辅助免...
8分钟了解！同乡游辅助工具（辅...
8分钟了解！同乡游辅助工具（辅助）老友开挂辅助辅助器-其实真的有脚本1、让任何用户在无需同乡游辅助工...
9分钟了解！途游手游辅助脚本平...
9分钟了解！途游手游辅助脚本平台（辅助）馨馨开挂辅助下载-本来存在有神器1、实时途游手游辅助脚本平台...
第9分钟了解！雅苑蕲春辅助（辅...
第9分钟了解！雅苑蕲春辅助（辅助）友友麻将开挂辅助安装-本来真的是有下载1.雅苑蕲春辅助 选牌创建新...
5分钟了解！逸趣麻将修改器（辅...
5分钟了解！逸趣麻将修改器（辅助）新九天大厅开挂辅助app-原来真的是有修改器1、玩家可以在逸趣麻将...
2分钟了解！黑科技辅助器（辅助...
2分钟了解！黑科技辅助器（辅助）万年互游开挂辅助平台-都是存在有平台1、首先打开黑科技辅助器辅助器下...