大数据时刻,让数据发生价值,不论大小公司都系统搞点数据可视化的大屏,这样显得矮小上。如今做低代码大屏的产品也挺多的,处置好数据之后,经过拖延拽就能很快捷的做出一个美丽的大屏界面。有些公司吧,往常吹嘘说:“我们不缺钱,须要什么产品,花钱买就是。”,然而,真遇到要钱购置的时刻,就开局低调了:“我们要降落老本,尽量还是自己做吧,是在不行再说。”。这么就分享几个做大屏的时刻可以用到的一些开源组件。
阿里开源的基于Vue/React组件库 ,重要用于构建大屏(全屏)数据展现页面即数据可视化,具备多种类型组件可供经常使用:带有不同边框的容器,用来装点页面成果,参与视觉成果,图表组件基于Charts封装,轻量,易用。
边框
边框均由SVG元素绘制,体积轻量不失真,它们的经常使用极为繁难,边框组件自动宽高均为100%,边框外部的节点将被slot插槽散发至边框组件下class为border-box-content的容器内。
装璜
可以经常使用装璜去装点你的页面,以增强视觉成果,与边框组件相反,他们也是用SVG元素绘制的。
其它
其它的轮播,图表,进展池等插件也十分丰盛。
另外,DataV也有些不错的Demo可以自创。
代码地址:。Demo地址:。
AntV是蚂蚁金服开发的一套数据可视化处置打算,基于G2、G6和F2三个可视化图形库构建。AntV提供了一系列的数据可视化组件,包含表格、柱状图、折线图、饼图、散点图、雷达图、地图等,并且支持多种数据源、交互模式和灵活渲染。AntV不只能够提供繁难直观的图形展现,还能够协助用户深化了解数据面前的实质法令和潜在相关。
D3.js是一个基于JavaScript的开源数据可视化库,它应用了Web规范(如HTML、CSS和SVG)来创立灵活和交互式的数据可视化。D3.js是Data-Driven Documents的缩写,代表着将文档作为数据驱动的思维。丰盛的可视化组件,灵敏性和可定制性,适用于各种不同的可视化运行场景
ECharts是一个由百度开发的基于 JavaScript 的可视化库,用于创立各种类型的图表和地图可视化。ECharts 驳回 Apache 容许证 2.0 开源协定。其支持多种经常出现的数据可视化图表,例如线图、柱状图、散点图、饼图等等,同时也支持一些初级图表类型,例如相关图、树形图、热力求等等。此外,ECharts 还支持地图可视化,并提供了多个国度和地域的地图数据。