Vue 炫酷 Echarts 图表

网址：https://www.makeapie.com/explore.html#sort=rank_{timeframe=all}author=all

这上边还是有很多设计炫酷的 echarts 图表的，可以做大屏的时候使用。简单的写几个案例，可以根据自己的需要选择使用。

水波球

首先使用这个水波球也有叫水纹球的，他需要安装一个插件

npm install echarts-liquidfill

然后就可以使用了。

效果

代码

  https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all

  https://www.npmjs.com/package/echarts-liquidfill

  npm install echarts-liquidfill

伪立体柱状图

效果

代码

  https://www.makeapie.com/editor.html?c=xoqSlmiSRZ

炫彩饼状图

效果

代码

  https://www.makeapie.com/editor.html?c=xoqSlmiSRZ

动效仪表盘

效果

代码

  https://www.makeapie.com/editor.html?c=xoqSlmiSRZ

地图

效果

代码

  https://www.makeapie.com/editor.html?c=xr5cqmiBBf

上面是几个简单的demo，如果需要的话可以去上面分享的网站自己选择使用。

项目地址：https://gitee.com/wjw1014/vue-interface-layout/tree/master/src/components/echarts