echarts如何实现动态曲线图(多条曲线)_javascript技巧_

 .button_group{ position: fixed; top:400px; left: 6% } .button{ width: 90px; height: 35px; border-width: 0px; border-radius: 3px; background: #1E90FF; cursor: pointer; outline: none; font-family: Microsoft YaHei; color: white; font-size: 15px; } 

$(function () { // 初始化图表的数据输入数组 var data_real = []; var data_pre = []; var data_length = 30; for (i=0;i= 1920 && windowWidth <= 3840) { return 18 } if (windowWidth > 3840 && windowWidth <= 5760) { return 30 } }; // 更新真实值 function update_real(shift=true) { var real_num = (Math.random()-0.5)*2000+15000; data_real.push( real_num ); if (shift) { data_real.shift(); } } // 更新模型值 function update_pre (shift=true) { var pre_num = (Math.random()-0.5)*2000+15000; data_pre.push( pre_num ); if (shift) { data_pre.shift(); } } //计算均方误差 function junfang_error(arr1,arr2){ var len=arr1.length; var sum=0; for(var i=0;i