百度Echarts绘制动态折线图

    开始使用HTML Canvas 绘制实时动态折线图 嗯.......但是觉得不太完美。

    然后我们老师说前端绘图为什么不用开源的百度Echart呢，哈哈后来用着发现真香（老师厉害）   

    Echart官网为：https://echarts.apache.org/zh/index.html

    然后重新写了一个实时绘制的demo，注意这里需要下载Echart，教程在这，由于要是使用js绘制动态图，所以还需要引用jquery-1.12.4.min.js。

    代码如下：

    
    
    
    
    
    
    


    开始绘制
    

    绘制结果如下：

    嗯，多了俩优点：

• Echart会自动缩放横纵坐标显示的值，不会挤在一起；
• 将鼠标放在每个折线点都会显示其具体信息值。

    相关的其他Echart图表例子可在这里下载：主要有动态折线图、饼状图和柱状图，并包含相关引用：echarts.min.js和jquery-1.12.4.min.js。

    希望对大家有帮助，转载请注明出处呐哈！