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

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

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

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

echarts实现web展示资源监控类似于windows任务管理器资源监控样子_第1张图片

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

echarts实现web展示资源监控类似于windows任务管理器资源监控样子_第2张图片

下面上代码

echarts实现web展示资源监控类似于windows任务管理器资源监控样子_第3张图片

echarts实现web展示资源监控类似于windows任务管理器资源监控样子_第4张图片

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

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


你可能感兴趣的:(资源监控,折线图,echarts,web,echarts)