大家好,我是桃子,前端小菜鸟一枚,工作之余给大家分享下我子任务颜值比较高的图标库
个人观点:颜值方面更胜一筹,但是功能方面肯定Echarjs占优 _
最近在做图表需求的时候,无意间发现一个颜值很高的图表库 Vue Data UI,以前我都是用 Echarts ,用习惯了,其实也是样式看得有点腻了,所以看到这个 Vue Data UI 的时候,感觉眼前一亮,感觉这个库的样式风格更加的立体
Vue Data UI 的特点是:
- 颜值高,偏 圆润、立体
- 图表的组件非常多,常用的折线图、柱状图、饼图、进度条之类的都有,不止这些,还有很多其他的
- 支持导出,包括 PDF、图片、Excel
- 支持多主题,包括了 zen、hack、concrete
示例官网:https://vue-data-ui.graphieros.com/examples
Vue Data UI 提供了很多的图表样式,就比如下方的小型图表样式,它的整体风格更偏向于圆润、立体
下面是 Vue Data UI 的矩形分布图和饼图的样式示例
这种图可以用来做气象温度分布图、代码提交分布图之类的
还发现了这种类似于车表的图
看到这个熟悉吗?是不是很像前端打包体积分析图?可以做这种类似的场景~
下面是 Vue Data UI 的曲线图、柱状图
使用方法
npm install vue-data-ui
标签:Vue,Echart,样式,颜值,图表,UI,高好,Data
From: https://www.cnblogs.com/helenMoon/p/18659244