104 | | == Next Plot == |
105 | | ''Placeholder - more to come soon'' |
| 97 | == Competing Flows == |
| 98 | |
| 99 | {{{#!html |
| 100 | <div id="div_xput_rate_v_xput_v_flow" style="width:750px; height:420px"></div> |
| 101 | |
| 102 | <script type="text/javascript"> |
| 103 | |
| 104 | (function () { |
| 105 | var container = document.getElementById('div_xput_rate_v_xput_v_flow'); |
| 106 | var i; |
| 107 | |
| 108 | // \u2192: unicode right-arrow |
| 109 | var bins = [6, 9, 12, 18, 24, 36, 48, 54]; |
| 110 | var xput_w2l = {label:"W3 \u2192 WRT", bar_offset: +0.2, data:[5.3, 7.7, 9.9, 13.9, 17.4, 23.1, 27.8, 29.6]}; |
| 111 | var xput_w2w = {label:"W3 \u2192 W3", bar_offset: -0.2, data:[5.2, 7.8, 9.8, 13.0, 16.0, 25.2, 26.8, 29.1]}; |
| 112 | |
| 113 | var x_ticks = []; |
| 114 | for(i=0; i<bins.length; i++) { |
| 115 | x_ticks[i] = [i, bins[i]]; |
| 116 | xput_w2l.data[i] = [i+xput_w2l.bar_offset, xput_w2l.data[i]]; |
| 117 | xput_w2w.data[i] = [i+xput_w2w.bar_offset, xput_w2w.data[i]]; |
| 118 | } |
| 119 | |
| 120 | var xlabel = "PHY Rate (Mbps)"; |
| 121 | var ylabel = "Achieved Throughput (Mbps)"; |
| 122 | var title = "802.11 Reference Design - Throughput vs PHY Rate"; |
| 123 | var subtitle = "Design v0.6 - 50dB attenuation"; |
| 124 | var x_range = [-1, 8]; |
| 125 | var y_range = [0, 30]; |
| 126 | var barWidth = 0.35; |
| 127 | |
| 128 | |
| 129 | // Draw Graph |
| 130 | Flotr.draw(container, [ |
| 131 | xput_w2l, |
| 132 | xput_w2w, |
| 133 | ], |
| 134 | { |
| 135 | title: title, |
| 136 | subtitle: subtitle, |
| 137 | HtmlText: false, |
| 138 | resolution: 2, |
| 139 | points: {show: false}, |
| 140 | lines: {show: false}, |
| 141 | shadowSize: 0, |
| 142 | bars: { |
| 143 | show: true, |
| 144 | barWidth: barWidth, |
| 145 | fillOpacity: 1, |
| 146 | }, |
| 147 | mouse : { |
| 148 | track : true, |
| 149 | relative : true, |
| 150 | margin : 10, |
| 151 | trackFormatter: track_fmt_rate_v_xput, |
| 152 | }, |
| 153 | yaxis : { |
| 154 | min: y_range[0], |
| 155 | max: y_range[1], |
| 156 | title: ylabel, |
| 157 | titleAngle: "90", |
| 158 | titleAlign: 'center', |
| 159 | tickDecimals: 0 |
| 160 | }, |
| 161 | xaxis : { |
| 162 | title: xlabel, |
| 163 | min: x_range[0], |
| 164 | max: x_range[1], |
| 165 | ticks: x_ticks |
| 166 | }, |
| 167 | legend: { |
| 168 | position: 'nw', |
| 169 | backgroundColor: '#fff' |
| 170 | } |
| 171 | }); |
| 172 | })(); |
| 173 | |
| 174 | </script> |
| 175 | }}} |