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

大家好,我是桃子,前端小菜鸟一枚,工作之余给大家分享下我子任务颜值比较高的图标库
个人观点:颜值方面更胜一筹,但是功能方面肯定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

posted @ 2025-01-08 10:48  桃子前端攻城师  阅读(196)  评论(0)    收藏  举报