ChartistJs开源的响应式图表库
美国
国外网站

ChartistJs开源的响应式图表库

Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器,它支持SVG格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。

标签:
爱站权重:PC 百度权重移动 百度移动权重

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/

相关导航