调研了下动态曲线绘制的开源项目,HighCharts应用在AngularJS上相对容易使用和集成,来看下在AngularJS上集成HighCharts的StockChart图表,实现动态绘制Android内存和CPU的变化曲线。
一、实现效果
先看下HightCharts CPU和内存图表显示实现效果,图表左上角可以选择显示的区间范围,1分钟、5分钟或显示全部,截图显示的是全部数据,底部栏可以拖动查看不同区间数据。
二、HighCharts集成
先到HighCharts下载中心下载对应的资源,这边下载的是Highcharts-Stock-8.1.2,Highcharts-Stock下载之后就不用下载Highc[……]