图表Chart.js入门教程(附代码)包括线性、柱状、圆形、饼形图

官网:http://www.chartjs.org/

Github:https://github.com/chartjs/Chart.js

使用方法:

1,在页面中创建一个canvas画布
 


 

Chart.js可到官网下载最新版Chart.js或者使用Chart.js cdn

3,在页面添加一段初始化脚本  可以访问网址:javacto.taobao.com

全部代码+效果如下:

图表Chart.js入门教程(附代码)包括线性、柱状、圆形、饼形图_第1张图片




	
		
		
	
	
	
	
	

	
		
		

 

这是第二个案例:分别是线性、柱状、圆形、饼形图。效果如下图

可以访问网址:javacto.taobao.com

图表Chart.js入门教程(附代码)包括线性、柱状、圆形、饼形图_第2张图片




	
		
		
		Chart.js - Html5 chart plugins
		
		
	

	

		

Chart.js

Line Chart

Bars Chart

Pie Charts

Doughnut Charts

 

 

你可能感兴趣的:(html,其它,Chart.js,html5,图表)