ChartistJs开源的响应式图表库简介:
Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器,它支持SVG格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。
Chartist.js的特点
配置十分简单,可以很方便地转换各种图表数据格式。
CSS和JavaScript分离,因此代码比较简洁,使用就相对方便。
使用SVG格式,因此Chartist.js可以很灵活的在Web页面上应用。
响应式图表,支持不同的浏览器尺寸和分辨率。
支持自定义 SASS 架构。
Chartist.js的使用方法
首先你需要在其官方网站中下载JS包和CSS包,并且在页面中引用它们:
1
2
<link rel=
"stylesheet"
href=
"bower_components/chartist/dist/chartist.min.css"
>
<script src=
"bower_components/chartist/dist/chartist.min.js"
>
下面我们对一些常用的图表类型做一个简单的介绍。
带Tooltip提示的线形图
网址入口:http://gionkunz.github.io/chartist-js/