时隔多年,终于有一个图表库的颜值比 Echart 高好多倍!

科技   2024-10-19 09:25   广东  

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

最近在做图表需求的时候,无意间发现一个颜值很高的图表库 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型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手

前端之神
一位前端小菜鸡,写过400多篇原创文章,全网有6w+个前端朋友,梦想是成为”前端之神“~
 最新文章