一、前言
最近做一个微信的项目,对我比较有考验的是在MVC框架上的使用AJAX完成view 和controller的交互,第二个就是动态的显示数据,并将结果以折线图显示出来。今天主要说折线图的实现,曾经一度认为这个完成不了,潜力真是无极限哈~
二、Charts的demo
2.1 效果图
我一定是徒手写不出来的,着手时就网上各种查阅,找了一个自己喜欢的小Demo,效果图如下(自己很矫情的做了一个动图):
2.2 阅读js文件
如果用使用人家做好的图表,少不了要加载一个js文件,网上有很多,大家喜欢的自行查阅一下就可以get到了。下面是demo的js代码,自己写了一些注释:
<html>
<head>
<title>JSChart</title>
<script type="text/javascript" src="../../../sources/jscharts.js"></script>
</head>
<body>
<div id="graph">Loading graph...</div>
<script type="text/javascript">