这是一个利用大略、动效当代酷炫js图表库,用来构建专业都雅的数据图表。

先容

Chart.js 是一个基于 canvas 的可视化开源库。
它可以用于构建大略俊秀的 H5 图表,知足产品数据可视化的需求。

官网截图

html实现图表的源代码Chartjs  英俊的Javascript图表开源库 Vue.js

特点包含6种不同的常用图表,每种办法都有酷炫的动画,以及一大堆的定制选项和交互性扩展;兼容性好。
基于HTML5 canvas ,兼容所有当代浏览器,并且支持 IE7/8;无依赖的超级轻量级产品,gzip后大小仅11.01kb。
智能相应式,如果浏览器改变了大小,Chart.js 会重新调度图表的大小,同时为这个大小供应了完美的缩放粒度;支持模块化加载,并且每个图表类型都已经分离,可以按需加载项目所需的图表类型;针对鼠标和触摸设备上供应了对画布工具提示的大略支持,也支持自定义触发事宜,能知足繁芜的交互需求。

官方文档(英文)

利用体验

图表需求在互联网产品中极其常见,一样平常的图表库能把人给丑哭,开拓一个好看的图表功能,须要投入的精力非常多。
Chart.js 便是一款精良俊秀的图表办理方案,不仅可以用在pc端中后台项目上,由于其出色的相应式设计,使得用在移动端上表现尤为亮眼,而且利用大略、API简洁,开箱即用的特点,直到现在都是我选择图表库的首选。

虽然 Chart.js 基于HTML5,不仅能用在web、小程序上,也能用稠浊开拓的办法用在App产品中。

遗憾的是,虽然目前 Chart.js 足够好看,但并不支持样式定制,样式也不偏中性,以是对视觉设计哀求高的产品需求,如果风格不附近的话,利用起来会有些突兀。

免费利用解释

Chart.js 是开放源代码,基于MIT容许开源,我们可以免费利用在任何项目。

关注我,持续分享高质量的免费开源、免费商用的资源。

↓↓点【理解更多】查看本次分享的干系网址。