前端的一大炫酷之处在于丰富的图表,一提到图表,那必然有echarts,所以这篇文章就是简单的记录下我使用echarts进行数据动态图表展示的过程.
关于这两块的示例,我这里贴两个
有想了解的都可以查看这两个示例,我做出来的效果是基于示例二来改造的,因为要做CPU和内存的实时数据,所以x轴的时间需要以秒为单位进行推进.先贴代码:
<div>
<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
<div id="container" style="height:300px;"></div>
</div>
let dom = document.getElementById("container");
let myChart = echarts.init(d