[heightcharts]vue2项目中实现3d饼图

延续上一篇折柱图,echarts-gl在vue2项目中不能适配得问题,这次引入新的图表库,来实现3d效果

0417-- 今日偶然发现用命令直接安装5.5.0版本的echarts就可以和gl兼容,可以实现以下的效果

这样就舒服多了,改日再出教程.

一.需求分析与设计思路

项目中想将原来的平面饼图,升级优化为3d效果的饼图,正常效果如下

点击某一模块后效果如下图

具体使用到heightcharts图表库,具体属性还要去官方网站发掘哈~

二.环境准备与依赖引入

首先安装heightcharts库

npm i heightcharts

然后再你要封装的组件或者main.js中引入使用