Advertisement
Guest User

Untitled

a guest
Feb 5th, 2019
46
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(document).ready(function(){
  2.  
  3.     // line chart
  4.     $.jqplot.config.enablePlugins = true;
  5.     $.jqplot._noToImageButton = true;
  6.  
  7.     getDraytekQOSGraph_date_range_31310__001DAA637E08 = [["2019-02-05 12:50",4.2],["2019-02-05 12:46",4.2],["2019-02-05 12:44",4.2],["2019-02-05 12:43",4.2],["2019-02-05 12:41",4.2],["2019-02-05 12:41",4.1],["2019-02-05 12:38",4.2],["2019-02-05 12:38",4.2],["2019-02-05 12:17",4.2],["2019-02-05 12:04",4.2],["2019-02-05 12:02",4.2],["2019-02-05 12:02",4.2],["2019-02-05 11:55",4.2],["2019-02-05 11:55",4.2],["2019-02-05 11:35",4.2],["2019-02-05 11:20",4.2],["2019-02-05 11:20",4.2],["2019-02-05 11:16",4.2],["2019-02-05 11:10",4.2],["2019-02-05 11:10",4.2],["2019-02-05 10:59",4.2],["2019-02-05 10:59",4.2],["2019-02-05 10:53",4.2],["2019-02-05 10:43",4.2],["2019-02-05 10:41",4.2],["2019-02-05 10:38",4.2],["2019-02-05 10:37",4.2],["2019-02-05 10:32",4.2],["2019-02-05 10:17",4.2],["2019-02-05 10:14",4.2],["2019-02-05 10:14",4.2],["2019-02-05 10:14",4.2],["2019-02-05 10:05",4.2],["2019-02-05 10:05",4.2],["2019-02-05 10:04",4.2],["2019-02-05 10:02",4.2],["2019-02-05 10:01",4.2],["2019-02-05 09:58",4.2],["2019-02-05 09:47",4.2],["2019-02-05 09:41",4.2],["2019-02-05 09:41",4.2],["2019-02-05 09:37",4.2],["2019-02-05 09:35",4.2],["2019-02-05 09:29",4.2],["2019-02-05 09:28",4.2],["2019-02-05 09:26",4.2],["2019-02-05 09:26",4.2],["2019-02-05 09:17",4.2],["2019-02-05 09:10",4.2],["2019-02-05 08:59",4.2],["2019-02-05 08:16",4.2],["2019-02-04 18:06",4.2],["2019-02-04 17:53",4.1],["2019-02-04 17:37",4.2],["2019-02-04 17:08",4.2],["2019-02-04 17:07",4.2],["2019-02-04 16:57",4.2],["2019-02-04 16:56",4.2],["2019-02-04 16:56",4.2],["2019-02-04 16:51",4.1],["2019-02-04 16:50",4.2],["2019-02-04 16:50",4.2],["2019-02-04 16:50",4.2],["2019-02-04 16:49",3.7],["2019-02-04 16:49",4.2],["2019-02-04 16:49",4.2],["2019-02-04 16:47",4.2],["2019-02-04 16:47",4],["2019-02-04 16:46",4.2],["2019-02-04 16:41",4.2],["2019-02-04 16:35",4.1],["2019-02-04 16:35",4.2],["2019-02-04 16:34",4.1],["2019-02-04 16:19",4.2],["2019-02-04 16:17",4.2],["2019-02-04 16:17",4.2],["2019-02-04 16:17",3.9],["2019-02-04 16:17",4.2],["2019-02-04 16:17",4.2],["2019-02-04 16:06",4.2],["2019-02-04 15:59",4.2],["2019-02-04 15:55",4.2],["2019-02-04 15:46",4.2],["2019-02-04 15:44",4.2],["2019-02-04 15:40",4.1],["2019-02-04 15:31",4.2],["2019-02-04 15:31",4.2],["2019-02-04 15:31",4.2],["2019-02-04 15:29",4.2],["2019-02-04 15:29",4],["2019-02-04 15:22",4.2],["2019-02-04 15:20",4.2],["2019-02-04 15:13",4.2],["2019-02-04 15:08",4.2],["2019-02-04 15:05",4.2],["2019-02-04 15:02",4.2],["2019-02-04 15:02",4.2],["2019-02-04 14:59",4.2],["2019-02-04 14:58",4.2],["2019-02-04 14:56",4.2],["2019-02-04 14:56",4.1],["2019-02-04 14:55",4.2],["2019-02-04 14:46",4.2],["2019-02-04 14:46",4.2],["2019-02-04 14:37",4.2],["2019-02-04 14:33",4.1],["2019-02-04 14:32",4.2],["2019-02-04 14:32",4.2],["2019-02-04 14:32",4.2],["2019-02-04 14:31",4.2],["2019-02-04 14:28",4.2],["2019-02-04 14:17",4.2],["2019-02-04 14:10",4.2],["2019-02-04 14:08",4.2],["2019-02-04 13:59",4.2],["2019-02-04 13:59",4.2],["2019-02-04 13:58",4.2],["2019-02-04 13:55",4.2],["2019-02-04 13:53",4.2],["2019-02-04 13:44",4.2],["2019-02-04 13:26",4.2],["2019-02-04 13:23",4.2],["2019-02-04 13:14",4.1],["2019-02-04 13:10",4.2],["2019-02-04 13:10",4.2],["2019-02-04 13:08",4.2],["2019-02-04 13:04",4.2],["2019-02-04 13:02",4.1],["2019-02-04 13:02",4.2],["2019-02-04 13:01",4.2],["2019-02-04 13:01",4.2],["2019-02-04 12:59",4.2],["2019-02-04 12:58",4.2],["2019-02-04 12:50",4.2],["2019-02-04 12:41",4.2],["2019-02-04 12:34",4.2],["2019-02-04 12:20",4.2],];
  8.  
  9.     getDraytekQOSGraph_opts_31310__001DAA637E08 = {
  10.             title: 'MOS Score  - Last 7 days - 001DAA637E08',
  11.             seriesColors:['#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#f1c40f','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11','#6cbb11'],
  12.             height:"250px",
  13.             width: "100%",
  14.             highlighter: {
  15.                 show: true,
  16.                 tooltipFade: true,
  17.                 sizeAdjust: 0,
  18.                 tooltipOffset: 9
  19.             },
  20.             grid: {
  21.                 backgroundColor: '#ffffff',
  22.                 drawGridlines: true,
  23.                 gridLineColor: '#c7c7c7',
  24.                 gridLineWidth: 1,
  25.                 drawBorder: false,
  26.                 shadow: false
  27.             },
  28.             canvasOverlay: {
  29.                 show: true,
  30.                 objects: [
  31.                     {
  32.                         horizontalLine: {
  33.                             name: 'alert',
  34.                             y: 3.6,
  35.                             lineWidth: 1,
  36.                             xOffset: 0,
  37.                             color: 'rgba(203, 36, 19, 0.50)',
  38.                             shadow: false
  39.                         }
  40.                     },
  41.                     {
  42.                         horizontalLine: {
  43.                             name: 'warning',
  44.                             y: 3.9,
  45.                             lineWidth: 1,
  46.                             xOffset: 0,
  47.                             color: 'rgba(241, 196, 15, 0.50)',
  48.                             shadow: false
  49.                         }
  50.                     },
  51.                 ]
  52.             },
  53.             seriesDefaults: {
  54.                 renderer:$.jqplot.BarRenderer,
  55.                 rendererOptions: {
  56.                     varyBarColor: true,
  57.                     barMargin: 5,
  58.                     barPadding: 8,
  59.                     barWidth: 5
  60.                     },
  61.                 pointLabels: { show: false }
  62.             },
  63.             gridPadding: {
  64.                 top: 30,
  65.                 bottom: 35,
  66.                 left: 50,
  67.                 right: 40
  68.             },
  69.             axesDefaults: {
  70.                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
  71.                 rendererOptions: {
  72.                     baselineWidth: 1,
  73.                     baselineColor: '#ffffff',
  74.                     drawBaseline: true
  75.                 },
  76.                 tickOptions: {
  77.                     formatString: '%d'
  78.                 }
  79.             },
  80.             axes: {
  81.                 xaxis: {
  82.                     renderer:$.jqplot.DateAxisRenderer,
  83.                     min:'2019-02-04 12:20',
  84.                     numberTicks: 12,
  85.                     tickOptions:{
  86.                         formatString:"%b %#d %#H:%M",
  87.                         fontSize: '8pt'
  88.                     }
  89.                 },
  90.                 yaxis: {
  91.                     min:1,
  92.                     max: 6,
  93.                     tickInterval: 0.5,
  94.                     tickOptions:{
  95.                         "fontSize": '8pt',
  96.                         formatString: "%#.2f"
  97.                     }
  98.                 }
  99.             },
  100.             cursor:{
  101.                 show: true,
  102.                 zoom: true,
  103.                 looseZoom: true,
  104.                 showTooltip: true,
  105.                 followMouse: true,
  106.                 showTooltipOutsideZoom: true,
  107.                 constrainOutsideZoom: false
  108.             }
  109.         };
  110.  
  111.     getDraytekQOSGraph = $.jqplot('getDraytekQOSGraph_container', [getDraytekQOSGraph_date_range_31310__001DAA637E08], getDraytekQOSGraph_opts_31310__001DAA637E08);
  112.  
  113.     new ResizeSensor(jQuery('#getDraytekQOSGraph_container'), function(){
  114.     $('#getDraytekQOSGraph_container').empty();
  115.     $.jqplot('getDraytekQOSGraph_container', [getDraytekQOSGraph_date_range_31310__001DAA637E08],getDraytekQOSGraph_opts_31310__001DAA637E08);
  116.     });
  117.  
  118.    
  119.    
  120.    
  121.    
  122.     // meter gauge
  123.     getDraytekRAMGauge_container = [52];
  124.  
  125.     getDraytekRAMGauge = $.jqplot('getDraytekRAMGauge_container',[getDraytekRAMGauge_container],{
  126.        title: 'Memory Usage: 52%',
  127.        height: 250,
  128.        width: 270,
  129.        seriesDefaults: {
  130.            renderer: $.jqplot.MeterGaugeRenderer,
  131.            rendererOptions: {
  132.                 min: 0,
  133.                 pad: 0,
  134.                 max: 100,
  135.                 intervals: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100],
  136.                 intervalColors: ["#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#009e38","#ffb300","#ffb300","#ffb300","#ffb300","#ffb300","#ffb300","#ffb300","#c94949","#c94949","#c94949","#c94949","#c94949","#c94949"]
  137.            }
  138.         },
  139.         cursor:{
  140.             show: false,
  141.             zoom:false,
  142.             showTooltip:false
  143.         }
  144.    });
  145.  
  146.    
  147.  
  148.  
  149.     $.jqplot.config.enablePlugins = true;
  150.     $.jqplot._noToImageButton = true;
  151.  
  152.     getDraytekConcurrentCalls_opts_217620__001DAA637E08 = {
  153.         title: 'Concurrent Calls  - Last 7 days - 001DAA637E08',
  154.         seriesColors:['rgba(108, 187, 17, 0.80)'],
  155.         height:"250px",
  156.         width: "100%",
  157.         highlighter: {
  158.             show: false,
  159.             tooltipFade: true,
  160.             sizeAdjust: 1,
  161.             tooltipOffset: 9
  162.         },
  163.         grid: {
  164.             backgroundColor: '#ffffff',
  165.             gridLineColor: '#c7c7c7',
  166.             gridLineWidth: 1,
  167.             drawBorder: false,
  168.             shadow: false
  169.         },
  170.         seriesDefaults: {
  171.             step: true,
  172.             pointLabels: { show: false },
  173.             rendererOptions: {
  174.                 smooth: true,
  175.                 animation: {
  176.                     show: false
  177.                 }
  178.             },
  179.             showMarker: false,
  180.             highlighter: {
  181.                 show: true,
  182.                 tooltipFade: true,
  183.                 formatString:'%s',
  184.                 tooltipLocation:'sw',
  185.                 useAxesFormatters:false
  186.             }
  187.         },
  188.         series: [
  189.             {
  190.                 fill: true
  191.             }
  192.         ],
  193.         gridPadding: {
  194.              top: 30,
  195.              bottom: 35,
  196.              left: 50,
  197.              right: 40
  198.         },
  199.         axesDefaults: {
  200.             rendererOptions: {
  201.                 baselineWidth: 1.5,
  202.                 baselineColor: '#ffffff',
  203.                 drawBaseline: false
  204.             },
  205.             tickOptions: {
  206.                 formatString: '%d'
  207.             }
  208.         },
  209.         axes: {
  210.             xaxis: {
  211.                 renderer:$.jqplot.DateAxisRenderer,
  212.                 min:'2019-02-04 12:17',
  213.                 numberTicks: 12,
  214.                 tickOptions:{
  215.                     formatString:"%b %#d %#H:%M",
  216.                     fontSize: '8pt'
  217.                 }
  218.             },
  219.             yaxis: {
  220.                 min: 0,
  221.                 max: 10,
  222.                 pad: 0,
  223.                 padMax : 0,
  224.                 padMin : 0,
  225.                 tickOptions:{
  226.                     "fontSize": '8pt'
  227.                 }
  228.             }
  229.         },
  230.         cursor:{
  231.             show: true,
  232.             zoom: true,
  233.             looseZoom: true,
  234.             showTooltip: true,
  235.             followMouse: true,
  236.             showTooltipOutsideZoom: true,
  237.             constrainOutsideZoom: false
  238.         }
  239.     };
  240.  
  241.  
  242.     // line chart
  243.     getDraytekConcurrentCalls_date_range_217620__001DAA637E08 = [["2019-02-05 12:50",1],["2019-02-05 12:46",1],["2019-02-05 12:44",2],["2019-02-05 12:44",3],["2019-02-05 12:43",2],["2019-02-05 12:43",3],["2019-02-05 12:41",1],["2019-02-05 12:40",2],["2019-02-05 12:40",3],["2019-02-05 12:40",2],["2019-02-05 12:38",1],["2019-02-05 12:38",0],["2019-02-05 12:38",1],["2019-02-05 12:36",1],["2019-02-05 12:04",0],["2019-02-05 12:02",1],["2019-02-05 12:02",1],["2019-02-05 12:02",0],["2019-02-05 12:02",2],["2019-02-05 11:55",0],["2019-02-05 11:55",1],["2019-02-05 11:35",1],["2019-02-05 11:34",2],["2019-02-05 11:20",1],["2019-02-05 11:20",2],["2019-02-05 11:16",3],["2019-02-05 11:16",2],["2019-02-05 11:11",2],["2019-02-05 11:10",1],["2019-02-05 11:08",3],["2019-02-05 11:07",2],["2019-02-05 11:01",0],["2019-02-05 11:01",2],["2019-02-05 11:01",3],["2019-02-05 10:53",6],["2019-02-05 10:43",5],["2019-02-05 10:42",6],["2019-02-05 10:41",4],["2019-02-05 10:38",5],["2019-02-05 10:37",4],["2019-02-05 10:32",6],["2019-02-05 10:32",7],["2019-02-05 10:32",8],["2019-02-05 10:32",7],["2019-02-05 10:16",5],["2019-02-05 10:14",4],["2019-02-05 10:14",5],["2019-02-05 10:13",6],["2019-02-05 10:13",7],["2019-02-05 10:13",6],["2019-02-05 10:04",4],["2019-02-05 10:02",7],["2019-02-05 10:01",4],["2019-02-05 09:59",6],["2019-02-05 09:49",5],["2019-02-05 09:47",4],["2019-02-05 09:47",3],["2019-02-05 09:46",3],["2019-02-05 09:44",2],["2019-02-05 09:41",0],["2019-02-05 09:37",2],["2019-02-05 09:35",3],["2019-02-05 09:32",3],["2019-02-05 09:29",2],["2019-02-05 09:26",2],["2019-02-05 09:26",4],["2019-02-05 09:26",5],["2019-02-05 09:17",2],["2019-02-05 09:17",3],["2019-02-05 08:16",0],["2019-02-04 17:53",1],["2019-02-04 17:37",1],["2019-02-04 17:08",1],["2019-02-04 17:07",2],["2019-02-04 17:05",1],["2019-02-04 16:59",0],["2019-02-04 16:56",1],["2019-02-04 16:56",2],["2019-02-04 16:50",2],["2019-02-04 16:50",3],["2019-02-04 16:49",5],["2019-02-04 16:49",4],["2019-02-04 16:49",5],["2019-02-04 16:49",3],["2019-02-04 16:47",4],["2019-02-04 16:47",2],["2019-02-04 16:47",3],["2019-02-04 16:47",4],["2019-02-04 16:45",3],["2019-02-04 16:44",4],["2019-02-04 16:43",3],["2019-02-04 16:41",2],["2019-02-04 16:35",1],["2019-02-04 16:34",1],["2019-02-04 16:34",2],["2019-02-04 16:33",3],["2019-02-04 16:32",2],["2019-02-04 16:19",1],["2019-02-04 16:17",0],["2019-02-04 16:17",3],["2019-02-04 16:17",0],["2019-02-04 16:03",1],["2019-02-04 15:56",1],["2019-02-04 15:44",0],["2019-02-04 15:41",2],["2019-02-04 15:38",1],["2019-02-04 15:37",2],["2019-02-04 15:35",3],["2019-02-04 15:34",2],["2019-02-04 15:31",0],["2019-02-04 15:31",1],["2019-02-04 15:31",3],["2019-02-04 15:30",2],["2019-02-04 15:29",1],["2019-02-04 15:29",2],["2019-02-04 15:29",3],["2019-02-04 15:28",2],["2019-02-04 15:22",0],["2019-02-04 15:20",1],["2019-02-04 15:20",0],["2019-02-04 15:13",1],["2019-02-04 15:13",2],["2019-02-04 15:06",2],["2019-02-04 15:05",1],["2019-02-04 15:04",2],["2019-02-04 15:02",1],["2019-02-04 15:02",2],["2019-02-04 14:59",2],["2019-02-04 14:56",3],["2019-02-04 14:55",5],["2019-02-04 14:53",6],["2019-02-04 14:53",5],["2019-02-04 14:53",4],["2019-02-04 14:53",3],["2019-02-04 14:46",1],["2019-02-04 14:45",2],["2019-02-04 14:32",4],["2019-02-04 14:32",3],["2019-02-04 14:32",4],["2019-02-04 14:32",2],["2019-02-04 14:31",1],["2019-02-04 14:31",3],["2019-02-04 14:31",4],["2019-02-04 14:31",5],["2019-02-04 14:29",6],["2019-02-04 14:29",5],["2019-02-04 14:28",3],["2019-02-04 14:17",0],["2019-02-04 14:17",1],["2019-02-04 14:08",0],["2019-02-04 14:08",1],["2019-02-04 13:59",1],["2019-02-04 13:59",3],["2019-02-04 13:55",2],["2019-02-04 13:53",3],["2019-02-04 13:53",2],["2019-02-04 13:52",3],["2019-02-04 13:44",1],["2019-02-04 13:42",2],["2019-02-04 13:26",0],["2019-02-04 13:22",2],["2019-02-04 13:13",2],["2019-02-04 13:13",1],["2019-02-04 13:09",0],["2019-02-04 13:08",1],["2019-02-04 13:08",2],["2019-02-04 13:07",3],["2019-02-04 13:04",2],["2019-02-04 13:02",3],["2019-02-04 13:02",4],["2019-02-04 13:01",5],["2019-02-04 13:01",4],["2019-02-04 13:01",5],["2019-02-04 13:01",6],["2019-02-04 12:59",4],["2019-02-04 12:58",3],["2019-02-04 12:56",4],["2019-02-04 12:50",3],["2019-02-04 12:50",2],["2019-02-04 12:44",3],["2019-02-04 12:44",2],["2019-02-04 12:41",1],["2019-02-04 12:34",2],["2019-02-04 12:20",0],["2019-02-04 12:17",1],];
  244.  
  245.     getDraytekConcurrentCalls_217620__001DAA637E08 = $.jqplot('getDraytekConcurrentCalls_container', [getDraytekConcurrentCalls_date_range_217620__001DAA637E08], getDraytekConcurrentCalls_opts_217620__001DAA637E08);
  246.  
  247.     new ResizeSensor(jQuery('#getDraytekConcurrentCalls_container'), function(){
  248.     $('#getDraytekConcurrentCalls_container').empty();
  249.     $.jqplot('getDraytekConcurrentCalls_container', [getDraytekConcurrentCalls_date_range_217620__001DAA637E08],getDraytekConcurrentCalls_opts_217620__001DAA637E08);
  250.     });
  251.  
  252.  
  253. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement