Changes between Version 22 and Version 23 of sandbox


Ignore:
Timestamp:
Nov 5, 2013, 10:18:55 AM (10 years ago)
Author:
murphpo
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • sandbox

    v22 v23  
    33}}}
    44
    5 == Bar Chart ==
     5== Throughputs ==
    66
    77{{{#!html
    8 <div id="container_bar1" style="width:500px; height:384px"></div>
     8<div id="xput_chart" style="width:500px; height:384px"></div>
    99
    1010<script type="text/javascript">
    1111(function () {
    12         var d1 = [1, 2, 3, 4];
    13         var d2 = [2, 4, 6, 8];
    14         var container = document.getElementById('container_bar1');
    15    
    16         // Draw the graph
    17         Flotr.draw(container, [d1, d2],
     12        var container = document.getElementById('xput_chart');
     13        var i;
     14
     15        //Empty array per data series
     16        var data1 = [];
     17        var data2 = [];
     18        var data3 = [];
     19        var data4 = [];
     20        var data5 = [];
     21        var data6 = [];
     22        var data7 = [];
     23        var data8 = [];
     24
     25        //Common X values
     26        var d_x = [32,83,133,184,234,285,336,386,437,488,538,589,639,690,741,791,842,893,943,994,1044,1095,1146,1196,1247,1298,1348,1399,1449,1500];
     27
     28        //Separate Y values
     29        var xput_6 = [6.5715e+05,1.3121e+06,1.7282e+06,2.0321e+06,2.2394e+06,2.4111e+06,2.5412e+06,2.6541e+06,2.7479e+06,2.8197e+06,2.8815e+06,2.9409e+06,2.9867e+06,3.0118e+06,3.0574e+06,3.1015e+06,3.1306e+06,3.1612e+06,3.1855e+06,3.2146e+06,3.2333e+06,3.2489e+06,3.2615e+06,3.2806e+06,3.2996e+06,3.3125e+06,3.3255e+06,3.338e+06,3.3501e+06,3.351e+06];
     30        var xput_9 = [6.9382e+05,1.5111e+06,2.0603e+06,2.5057e+06,2.8302e+06,3.1068e+06,3.3214e+06,3.501e+06,3.6686e+06,3.8147e+06,3.9037e+06,4.017e+06,4.1107e+06,4.1883e+06,4.2519e+06,4.3149e+06,4.3725e+06,4.4382e+06,4.4651e+06,4.5277e+06,4.5633e+06,4.6001e+06,4.6264e+06,4.6536e+06,4.695e+06,4.7221e+06,4.7463e+06,4.7832e+06,4.8107e+06,4.8195e+06];
     31        var xput_12 = [7.6368e+05,1.7139e+06,2.3875e+06,2.9604e+06,3.3666e+06,3.7506e+06,4.029e+06,4.2939e+06,4.5251e+06,4.7082e+06,4.8856e+06,5.0183e+06,5.1535e+06,5.2592e+06,5.376e+06,5.4793e+06,5.5479e+06,5.6598e+06,5.7033e+06,5.7900e+06,5.8245e+06,5.9031e+06,5.9432e+06,5.9884e+06,6.0554e+06,6.0591e+06,6.1428e+06,6.164e+06,6.209e+06,6.219e+06];
     32        var xput_18 = [7.9408e+05,1.8698e+06,2.702e+06,3.3961e+06,4.0241e+06,4.5081e+06,4.9358e+06,5.3642e+06,5.6836e+06,6.0248e+06,6.2763e+06,6.4931e+06,6.7402e+06,6.9359e+06,7.078e+06,7.263e+06,7.2606e+06,7.5985e+06,7.7024e+06,7.8109e+06,7.9595e+06,8.045e+06,8.14e+06,8.238e+06,8.3125e+06,8.4253e+06,8.4991e+06,8.5423e+06,8.6418e+06,8.6925e+06];
     33        var xput_24 = [8.2608e+05,1.9802e+06,2.9441e+06,3.7996e+06,4.4404e+06,5.1192e+06,5.6875e+06,6.2119e+06,6.6769e+06,7.0082e+06,7.3921e+06,7.7306e+06,8.0744e+06,8.2897e+06,8.5319e+06,8.7928e+06,9.0347e+06,9.2568e+06,9.3819e+06,9.5742e+06,9.7718e+06,9.9492e+06,1.0022e+07,1.0183e+07,1.0343e+07,1.0488e+07,1.0602e+07,1.067e+07,1.0773e+07,1.0908e+07];
     34        var xput_36 = [8.455e+05,2.0923e+06,3.171e+06,4.1553e+06,5.0057e+06,5.7906e+06,6.4982e+06,7.2236e+06,7.8227e+06,8.3985e+06,8.8748e+06,9.3109e+06,9.8853e+06,1.0262e+07,1.0624e+07,1.0966e+07,1.1272e+07,1.1755e+07,1.2038e+07,1.2248e+07,1.2518e+07,1.2759e+07,1.2992e+07,1.3323e+07,1.3552e+07,1.3728e+07,1.3888e+07,1.4073e+07,1.4309e+07,1.4482e+07];
     35        var xput_48 = [8.6528e+05,2.1402e+06,3.3069e+06,4.3899e+06,5.2622e+06,6.2033e+06,7.0745e+06,7.8582e+06,8.6181e+06,9.2866e+06,9.9584e+06,1.0544e+07,1.1127e+07,1.1491e+07,1.2043e+07,1.2518e+07,1.3053e+07,1.3453e+07,1.388e+07,1.4289e+07,1.4686e+07,1.5047e+07,1.5256e+07,1.5517e+07,1.5851e+07,1.6219e+07,1.649e+07,1.6792e+07,1.7034e+07,1.7355e+07];
     36        var xput_54 = [8.6179e+05,2.144e+06,3.3053e+06,4.3849e+06,5.4747e+06,6.4282e+06,7.2999e+06,8.1295e+06,8.882e+06,9.6209e+06,1.0251e+07,1.091e+07,1.1608e+07,1.2185e+07,1.2724e+07,1.3182e+07,1.3741e+07,1.4175e+07,1.4576e+07,1.5028e+07,1.5537e+07,1.591e+07,1.6311e+07,1.6616e+07,1.6929e+07,1.7223e+07,1.7533e+07,1.7841e+07,1.8292e+07,1.8524e+07];
     37       
     38        for(i=0; i<d_x.length; i++) {
     39                data1.push([d_x[i], 1e-6*xput_6[i]]);
     40                data2.push([d_x[i], 1e-6*xput_9[i]]);
     41                data3.push([d_x[i], 1e-6*xput_12[i]]);
     42                data4.push([d_x[i], 1e-6*xput_18[i]]);
     43                data5.push([d_x[i], 1e-6*xput_24[i]]);
     44                data6.push([d_x[i], 1e-6*xput_36[i]]);
     45                data7.push([d_x[i], 1e-6*xput_48[i]]);
     46                data8.push([d_x[i], 1e-6*xput_54[i]]);
     47        }
     48       
     49
     50        // Draw Graph
     51        Flotr.draw(container, [
     52                {data:data1, label:'6 Mbps', lines: {show: true}, points: {show:true}},
     53                {data:data2, label:'9 Mbps', lines: {show: true}, points: {show:true}},
     54                {data:data3, label:'12 Mbps', lines: {show: true}, points: {show:true}},
     55                {data:data4, label:'18 Mbps', lines: {show: true}, points: {show:true}},
     56                {data:data5, label:'24 Mbps', lines: {show: true}, points: {show:true}},
     57                {data:data6, label:'36 Mbps', lines: {show: true}, points: {show:true}},
     58                {data:data7, label:'48 Mbps', lines: {show: true}, points: {show:true}},
     59                {data:data8, label:'54 Mbps', lines: {show: true}, points: {show:true}},
     60        ],
    1861        {
    19         bars : {
    20                 show : true,
    21                 horizontal : horizontal,
    22                 shadowSize : 0,
    23                 barWidth : 0.5
     62                bars : {
     63                        show : false,
     64                        barWidth: 0.5
    2465                },
    25         mouse : {
    26                 track : true,
    27                 relative : true
     66                mouse : {
     67                        track : true,
     68                        relative : true
    2869                },
    29         yaxis : {
    30                 min : 0,
    31                 autoscaleMargin : 1
     70                yaxis : {
     71                        min : 0,
     72                        autoscaleMargin:1
    3273                }
    3374        });
    34 });
    35 
     75})();
    3676</script>
    3777}}}
    38 
    39 
    40 == Line Graph ==
    41 
    42 {{{#!html
    43 <div id="container_line1" style="width:500px; height:384px"></div>
    44 
    45 <script type="text/javascript">
    46       (function () {
    47         var
    48           container = document.getElementById('container_line1'),
    49           data = [],
    50           graph, i;
    51 
    52         // Sample the sine function
    53         for (i = 0; i < 4 * Math.PI; i += 0.2) {
    54           data.push([i, Math.sin(i)]);
    55         }
    56 
    57         // Draw Graph
    58         graph = Flotr.draw(container, [ data ], {
    59           yaxis : {
    60             max : 2,
    61             min : -2
    62           }
    63         });
    64       })();
    65     </script>
    66 }}}