使用Chart.js画一个动态折线图

首先应该检讨下自己一直以来一个很不好的习惯,不看原本提供的一些方法,而是自己想逻辑,然后去自己写,嗯,今后一定要多多注意,多贯彻拿来主义

使用chart.js画图我想得到的界面如下,这些数据来自一个表vfprice,画的图需要按照vefrid的种类数显示多少条数据,如下我添加了三种数据6、8、5,那么就显示了三条折线。后台在取数据的时候只会取最近七天的数据(因为后台需要重构,简易的后台php获取代码暂时不贴),折线按照每种每天对应的avgprice(均价)显示成折线图

使用Chart.js画一个动态折线图_第1张图片

使用Chart.js画一个动态折线图_第2张图片

如下为所有代码




	
		
		图表
		
		
	

	
		
		

	

天冷了,这几天生病一直没有把动态图写出来,后来又捋捋了逻辑,还有看了下chart.js的添加数据方法是怎么写的,才写了出来,还是很开心的。最后一点,线条颜色是动态随机变的

需要代码请留言邮箱地址

 

 

 

你可能感兴趣的:(使用Chart.js画一个动态折线图)