{{# var lang001 = {"ch": "限速前", "en": "Before Rate Limit"}, lang002 = {"ch": "限速后", "en": "After Rate Limit"}; }}  <div class="layui-card" style="padding:10px">     <div class="layui-row" style="position: absolute; width: 600px; right: 0px;">         <div class="layui-col-xs1" style="width:30px; padding:0px 5px; margin-left: 330px;">             <hr style="border-bottom:2px solid #1E9FFF!important;">         </div>         <div class="layui-col-xs2" style="padding:2px">             {{ lang001[g_lang] || "限速前" }}：<span id="chart_pktbps1"></span>         </div>         <div class="layui-col-xs1" style="width:30px; padding:0px 5px;">             <hr style="border-bottom:2px solid #FF5722!important;">         </div>         <div class="layui-col-xs2" style="padding:2px">             {{ lang002[g_lang] || "限速后" }}：<span id="chart_pktbps2"></span>         </div>     </div>     <div id="flowct_cht_pktbps" style="height:300px; margin-top:30px;"></div> </div>  <script> layui.use(function(){     var $ = layui.$;      var api = '/cgi-bin/flowcontrol/ajax_flowct';     var pdata = JSON.parse('{{- JSON.stringify(d) }}');      var l_chart = "";     var chart_data = [         {name: '{{ lang001[g_lang] || "限速前" }}',data: []},         {name: '{{ lang002[g_lang] || "限速后" }}', data: []}     ];       var bps_format = function(str){         if ( str.indexOf("G") > 0 ) {             str = str.substr(0, str.length - 1);             num = parseFloat(str) * 1000 * 1000 * 1000;         } else if ( str.indexOf("M") > 0 ) {             str = str.substr(0, str.length - 1);             num = parseFloat(str) * 1000 * 1000;         } else  if ( str.indexOf("K") > 0 ) {             str = str.substr(0, str.length - 1);             num = parseFloat(str) * 1000;         } else {             num = parseFloat(str);         }          return num;     };      var load_data = function(){         pa_ajax({             type: 'post',             cache: false,             url: pdata.api || api,             data: {"action": "get_policy", "group": pdata.group, "id": pdata.id},             success: function(json) {                 $("#chart_pktbps1").text(json.data.inbps);                 $("#chart_pktbps2").text(json.data.outbps);                 var series1 = l_chart.series[0], shift1 = series1.data.length > 60;                 var series2 = l_chart.series[1], shift2 = series2.data.length > 60;                   /* 限速前 */                 var data1 = {                     "x": Date.now(),                     "y": bps_format(json.data.inbps)                 };                  /* 限速后 */                 var data2 = {                     "x": Date.now(),                     "y": bps_format(json.data.outbps)                 };                  l_chart.series[0].addPoint(data1, true, shift1);                 l_chart.series[1].addPoint(data2, true, shift2);                  /* 定时刷新 */                 setTimeout(function(){                     if($("#flowct_cht_pktbps").length < 1)                         return;                     load_data();                 }, 5000);             }         });     };       /* 显示图形 */         l_chart = pachart_line("flowct_cht_pktbps", {         chart: {             type: 'spline',             events: {                 load: load_data             }         },         colors: ['#1E9FFF', '#FF5722'],         yAxis: {title:{ text:'bps' }},         legend: { enabled: false },         tooltip: {             shared: true,             style: {'fontSize': '9px'},             formatter: function() {                 var s = '<span style="font:normal 9px sans-serif;">' + Highcharts.dateFormat("%m/%d %H:%M", this.x)+'</span>';                 var v = 0;                 for (i = 0; i < this.points.length; i++) {                     if (i == 2) v = this.points[i].y;                     else v = this.points[i].y;                     s += '<br/><span style="font:normal 9px sans-serif;">' + this.points[i].series.name + ': ' + numberformat(v) + '</span>';                  }                 return s;             }         },         series: chart_data     }); }); </script>