[TOC] ## code ``` <div id="local_cpu" style="width: 550px;height:300px;"></div> <script type="text/javascript"> var myChart, option; var now_time=new Date().getTime(); var data = []; var data1 = []; myChart = echarts.init(document.getElementById('local_cpu')); option = { tooltip: { trigger: 'axis', }, xAxis: { // value用于連續, category用于散點,因為x軸為日期,所以用category // 用 time, 后 y 軸數據是二維的,第一行數據為時間(new Date()) type: 'time', name: "時間(秒)", }, yAxis: { type: 'value', boundaryGap: [0, '100%'], show: true, name: "值" }, dataZoom: { type: "inside" }, series: [ { name: "測試1", data: data, type: 'line', smooth: true, showSymbol: false, }, { name: "測試2", data: data1, type: 'line', smooth: true, showSymbol: false, } ] }; myChart.setOption(option) setInterval(function () { let date = new Date(); data.push([date,Math.random().toFixed(2)*100]); data1.push([date,Math.random().toFixed(2)*80]); myChart.setOption({ series: [ { data: data }, { data: data1 } ] }) }, 1000) </script> ``` 效果圖