{{# var lang001 = {"ch": "信号强度", "en": "Signal Strength"}, lang002 = {"ch": "无线收速率", "en": "Rx Rate (Mbps)"}, lang003 = {"ch": "无线发速率", "en": "Tx Rate (Mbps)"}, lang004 = {"ch": "流入bps", "en": "Inbound (bps)"}, lang005 = {"ch": "流出bps", "en": "Outbound (bps)"}; }}  <div style="margin:10px">     <div class="layui-card">         <div class="layui-card-header">{{ lang001[g_lang] || "信号强度" }}：<span id="div_rssi_now"></span></div>         <div class="layui-card-body">             <div id="div_rssi_chart" class="paui-chart-div"></div>         </div>     </div>      <div class="layui-card" style="margin-top:10px">         <div class="layui-card-header">{{ lang002[g_lang] || "无线收速率" }}：<span id="div_ratein_now"></span></div>         <div class="layui-card-body">             <div id="div_ratein_chart" class="paui-chart-div"></div>         </div>     </div>      <div class="layui-card" style="margin-top:10px">         <div class="layui-card-header">{{ lang003[g_lang] || "无线发速率" }}：<span id="div_rateout_now"></span></div>         <div class="layui-card-body">             <div id="div_rateout_chart" class="paui-chart-div"></div>         </div>     </div>      <div class="layui-card" style="margin-top:10px">         <div class="layui-card-header">{{ lang004[g_lang] || "流入bps" }}：<span id="div_bpsin_now"></span></div>         <div class="layui-card-body">             <div id="div_bpsin_chart" class="paui-chart-div"></div>         </div>     </div>      <div class="layui-card" style="margin-top:10px">         <div class="layui-card-header">{{ lang005[g_lang] || "流出bps" }}：<span id="div_bpsout_now"></span></div>         <div class="layui-card-body">             <div id="div_bpsout_chart" class="paui-chart-div"></div>         </div>     </div> </div>  <script> layui.use("table", function(){     var $ = layui.$;          var l_init = 0;     var l_chart_interval = "";      var opt_rssi = [{name: '{{ lang001[g_lang] || "信号强度" }}：-', data: []}];     var opt_ratein = [{name: '{{ lang002[g_lang] || "无线收速率" }}：', data: []}];     var opt_rateout = [{name: '{{ lang003[g_lang] || "无线发速率" }}：', data: []}];     var opt_bpsin = [{name: '{{ lang004[g_lang] || "流入bps" }}：', data: []}];     var opt_bpsout = [{name: '{{ lang005[g_lang] || "流出bps" }}：', data: []}];      var load_data = function(){         if(l_init == 0) layer.load();         pa_ajax({             url: '/cgi-bin/sac/ajax_sac_stat',             data: {"action": "sac_user_chart", "ip": "{{ d.ipaddr }}"},             success: function(json){                 json = json.data;                  if(l_init == 0){                     l_init = 1;                     layer.closeAll("loading");                 }                  $("#div_rssi_now").text("-" + json["rssi"]["y"]);                 $("#div_ratein_now").text(json["rate_in"]["y"]);                 $("#div_rateout_now").text(json["rate_out"]["y"]);                 $("#div_bpsin_now").text(numberformat(json["inbps"]["y"]));                 $("#div_bpsout_now").text(numberformat(json["outbps"]["y"]));                                  /* 组装信号强度趋势图数据 */                 if(opt_rssi[0].data.length > 60) {                     opt_rssi[0].data.shift();                     opt_rssi[0].data.push(json["rssi"]);                 }else {                     opt_rssi[0].data.push(json["rssi"]);                 }                  /* 组装无线收速率趋势图数据 */                 if(opt_ratein[0].data.length > 60) {                     opt_ratein[0].data.shift();                     opt_ratein[0].data.push(json["rate_in"]);                 }else {                     opt_ratein[0].data.push(json["rate_in"]);                 }                  /* 组装无线发速率趋势图数据 */                 if(opt_rateout[0].data.length > 60) {                     opt_rateout[0].data.shift();                     opt_rateout[0].data.push(json["rate_out"]);                 }else {                     opt_rateout[0].data.push(json["rate_out"]);                 }                  /* 组装流入bps趋势图数据 */                 if(opt_bpsin[0].data.length > 60) {                     opt_bpsin[0].data.shift();                     opt_bpsin[0].data.push(json["inbps"]);                 }else {                     opt_bpsin[0].data.push(json["inbps"]);                 }                  /* 组装流出bps趋势图数据 */                 if(opt_bpsout[0].data.length > 60) {                     opt_bpsout[0].data.shift();                     opt_bpsout[0].data.push(json["outbps"]);                 }else {                     opt_bpsout[0].data.push(json["outbps"]);                 }                  pachart_line("div_rssi_chart", {                     yAxis: {tickPixelInterval:30, title:{ text:'dBm' }},                     legend: {enabled: false},                     series: opt_rssi                 });                  pachart_line("div_ratein_chart", {                     yAxis: {tickPixelInterval:30, title:{ text:'bps' }},                     legend: {enabled: false},                     series: opt_ratein                 });                  pachart_line("div_rateout_chart", {                     yAxis: {tickPixelInterval:30, title:{ text:'bps' }},                     legend: {enabled: false},                     series: opt_rateout                 });                  pachart_line("div_bpsin_chart", {                     yAxis: {tickPixelInterval:30, title:{ text:'bps' }},                     legend: {enabled: false},                     series: opt_bpsin                 });                  pachart_line("div_bpsout_chart", {                     yAxis: {tickPixelInterval:30, title:{ text:'bps' }},                     legend: {enabled: false},                     series: opt_bpsout                 });             }         });     };      load_data();          clearInterval(l_chart_interval);      l_chart_interval = setInterval(function(){         if($("#div_bpsout_chart").length == 0) {             clearInterval(l_chart_interval);             return;         }         load_data();     }, 5000); }); </script>