HTML5+Canvas微信运动折线图

1、新建html文档。

3、书写hmtl代艨位雅剖码。<div class="circles"> <稆糨孝汶;div class="circle"> <canvas id='wcMotion' style="width:912px; height:515px; margin: 0 26px; -webkit-tap-highlight-color: rgba(0,0,0,0);"></canvas> </div></div>

5、书写并添加js代码。<script src="js/jquery-2.1.1.min.js"></script><script src="dist/wc-motion-chart.js"></script><script src="js/example.js"></script>

7、查看效果。