不使用canvas与图片绘制折线图

学习思路自由发挥，发挥到了统计图表的领域里，准备做个折线图。做折线图用canvas当然是非常方便了，也有极其丰富的插件可用，之所以非要搞个不使用canvas与插件实现的折线图，那就是我开拓思路（闲的无聊）的成果，简单和大家分享一下

先说说思路，最早实现折线图的思路是先百度，看有没有现成的例子，当然，我找到一个https://www.jb51.net/jiaoben/81610.html，做的很好看，纯css实现

但是他用了不少图片，还是不能动态传值的，不是很适合放飞思想，自己定义一些东西，所以就仅仅参考一下，自己动手搞一个版本

1、先做静态模型

这是做东西的基本思路，先做个静态的，有个效果就行，可以先帮你理清思路与实现细节，这个应该都可以做出来，效果大概是这样的