echarts实现web展示资源监控类似于windows任务管理器资源监控样子

接到公司的新要求要做一个资源监控的页面 据我所知这种东西一般都有插件像java有JavaMelody可是公司后台不是java 所以就要自己来搞

所用的echarts图的类型为折线图

要实现的效果类似于这样的

最终完成的样子是这样不多bb上图

下面上代码

这个数据传送可以换成json的数据从而实现服务器的实时监控 这里只是用随机数生成了 个假数据

要改变某些细节的东西可以去echarts官网看配置项 api 修改对应的属性 这里只给各位看官做个小示例