前言
大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~
最近在做图表需求的时候,无意间发现一个颜值很高的图表库 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
结语
我是林三心,一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手