CSIT-1332: Proposal of new layout of all graphs

Change-Id: Ib5d113fd2071e481bcc5e3d043a43a58947b8da1
Signed-off-by: Tibor Frank <tifrank@cisco.com>

3 files changed, 137 insertions, 87 deletions

diff --git a/docs/report/dpdk_performance_tests/packet_latency_graphs/index.rst b/docs/report/dpdk_performance_tests/packet_latency_graphs/index.rst
index 7f2f237cd5..9805fa0dc4 100644
--- a/docs/report/dpdk_performance_tests/packet_latency_graphs/index.rst
+++ b/docs/report/dpdk_performance_tests/packet_latency_graphs/index.rst
@@ -39,7 +39,7 @@ Additional information about graph data:
     `archived here <../../_static/archive/>`_.
 
 .. toctree::
-    :maxdepth: 1
+    :maxdepth: 3
 
     l2
     ip4
diff --git a/docs/report/dpdk_performance_tests/packet_latency_graphs/ip4.rst b/docs/report/dpdk_performance_tests/packet_latency_graphs/ip4.rst
index 22b37fb9bf..9dd2add5aa 100644
--- a/docs/report/dpdk_performance_tests/packet_latency_graphs/ip4.rst
+++ b/docs/report/dpdk_performance_tests/packet_latency_graphs/ip4.rst
@@ -3,6 +3,31 @@
 
     \clearpage
 
+.. raw:: html
+
+    <script type="text/javascript">
+
+        function getDocHeight(doc) {
+            doc = doc || document;
+            var body = doc.body, html = doc.documentElement;
+            var height = Math.max( body.scrollHeight, body.offsetHeight,
+                html.clientHeight, html.scrollHeight, html.offsetHeight );
+            return height;
+        }
+
+        function setIframeHeight(id) {
+            var ifrm = document.getElementById(id);
+            var doc = ifrm.contentDocument? ifrm.contentDocument:
+                ifrm.contentWindow.document;
+            ifrm.style.visibility = 'hidden';
+            ifrm.style.height = "10px"; // reset to minimal height ...
+            // IE opt. for bing/msn needs a bit added or scrollbar appears
+            ifrm.style.height = getDocHeight( doc ) + 4 + "px";
+            ifrm.style.visibility = 'visible';
+        }
+
+    </script>
+
 L3fwd
 =====
 
@@ -12,7 +37,7 @@ reported for L3FWD running in multiple configurations of L3FWD pmd thread(s),
 a.k.a. L3FWD data plane thread(s), and their physical CPU core(s) placement.
 
 CSIT source code for the test cases used for plots can be found in
-`CSIT git repository <https://git.fd.io/csit/tree/tests/dpdk/perf?h=rls1807>`_.
+`CSIT git repository <https://git.fd.io/csit/tree/tests/dpdk/perf?h=rls1810>`_.
 
 3n-hsw-x520
 ~~~~~~~~~~~
@@ -24,12 +49,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-x520-64b-1t1c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-x520-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x520-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm01" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x520-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -38,7 +63,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -53,12 +78,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-x520-64b-2t2c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-x520-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x520-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm02" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x520-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -67,7 +92,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -85,12 +110,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-x710-64b-1t1c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-x710-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x710-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm03" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x710-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -99,7 +124,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -114,12 +139,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-x710-64b-2t2c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-x710-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x710-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm04" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-x710-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -128,7 +153,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -146,12 +171,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm05" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -160,7 +185,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -175,12 +200,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm06" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -189,7 +214,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
             \label{fig:l3fwd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -207,12 +232,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-skx-x710-64b-2t1c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-skx-x710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm07" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -221,7 +246,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-x710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-x710-64b-2t1c-base-ndr-lat}
             \label{fig:l3fwd-3n-skx-x710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -236,12 +261,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-skx-x710-64b-4t2c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-skx-x710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm08" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -250,7 +275,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-x710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-x710-64b-4t2c-base-ndr-lat}
             \label{fig:l3fwd-3n-skx-x710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -268,12 +293,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm09" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -282,7 +307,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
             \label{fig:l3fwd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -297,12 +322,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr`
+:index:`Packet Latency: l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm10" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -311,7 +336,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
             \label{fig:l3fwd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -329,12 +354,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-2n-skx-x710-64b-2t1c-base-ndr`
+:index:`Packet Latency: l3fwd-2n-skx-x710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm11" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -343,7 +368,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-x710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-x710-64b-2t1c-base-ndr-lat}
             \label{fig:l3fwd-2n-skx-x710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -358,12 +383,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-2n-skx-x710-64b-4t2c-base-ndr`
+:index:`Packet Latency: l3fwd-2n-skx-x710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm12" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -372,7 +397,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-x710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-x710-64b-4t2c-base-ndr-lat}
             \label{fig:l3fwd-2n-skx-x710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -390,12 +415,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr`
+:index:`Packet Latency: l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm13" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -404,7 +429,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
             \label{fig:l3fwd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -419,12 +444,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr`
+:index:`Packet Latency: l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm14" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -433,6 +458,6 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
             \label{fig:l3fwd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
     \end{figure}
diff --git a/docs/report/dpdk_performance_tests/packet_latency_graphs/l2.rst b/docs/report/dpdk_performance_tests/packet_latency_graphs/l2.rst
index be291a8e3b..a673dc1318 100644
--- a/docs/report/dpdk_performance_tests/packet_latency_graphs/l2.rst
+++ b/docs/report/dpdk_performance_tests/packet_latency_graphs/l2.rst
@@ -3,6 +3,31 @@
 
     \clearpage
 
+.. raw:: html
+
+    <script type="text/javascript">
+
+        function getDocHeight(doc) {
+            doc = doc || document;
+            var body = doc.body, html = doc.documentElement;
+            var height = Math.max( body.scrollHeight, body.offsetHeight,
+                html.clientHeight, html.scrollHeight, html.offsetHeight );
+            return height;
+        }
+
+        function setIframeHeight(id) {
+            var ifrm = document.getElementById(id);
+            var doc = ifrm.contentDocument? ifrm.contentDocument:
+                ifrm.contentWindow.document;
+            ifrm.style.visibility = 'hidden';
+            ifrm.style.height = "10px"; // reset to minimal height ...
+            // IE opt. for bing/msn needs a bit added or scrollbar appears
+            ifrm.style.height = getDocHeight( doc ) + 4 + "px";
+            ifrm.style.visibility = 'visible';
+        }
+
+    </script>
+
 Testpmd
 =======
 
@@ -13,7 +38,7 @@ configurations of Testpmd pmd thread(s), a.k.a. Testpmd data plane
 thread(s), and their physical CPU core(s) placement.
 
 CSIT source code for the test cases used for plots can be found in
-`CSIT git repository <https://git.fd.io/csit/tree/tests/dpdk/perf?h=rls1807>`_.
+`CSIT git repository <https://git.fd.io/csit/tree/tests/dpdk/perf?h=rls1810>`_.
 
 3n-hsw-x520
 ~~~~~~~~~~~
@@ -25,12 +50,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-x520-64b-1t1c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-x520-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x520-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm01" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x520-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -39,7 +64,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-x520-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -54,12 +79,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-x520-64b-2t2c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-x520-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x520-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm02" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x520-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -68,7 +93,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-x520-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -86,12 +111,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-x710-64b-1t1c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-x710-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x710-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm03" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x710-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -100,7 +125,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-x710-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -115,12 +140,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-x710-64b-2t2c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-x710-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x710-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm04" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-x710-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -129,7 +154,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-x710-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -147,12 +172,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-xl710-64b-1t1c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-xl710-64b-1t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-xl710-64b-1t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm05" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-xl710-64b-1t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -161,7 +186,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-xl710-64b-1t1c-base-ndr-lat}
     \end{figure}
 
@@ -176,12 +201,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-hsw-xl710-64b-2t2c-base-ndr`
+:index:`Packet Latency: testpmd-3n-hsw-xl710-64b-2t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-xl710-64b-2t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm06" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-hsw-xl710-64b-2t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -190,7 +215,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
             \label{fig:testpmd-3n-hsw-xl710-64b-2t2c-base-ndr-lat}
     \end{figure}
 
@@ -208,12 +233,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-skx-x710-64b-2t1c-base-ndr`
+:index:`Packet Latency: testpmd-3n-skx-x710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm07" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -222,7 +247,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-x710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-x710-64b-2t1c-base-ndr-lat}
             \label{fig:testpmd-3n-skx-x710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -237,12 +262,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-skx-x710-64b-4t2c-base-ndr`
+:index:`Packet Latency: testpmd-3n-skx-x710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm08" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -251,7 +276,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-x710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-x710-64b-4t2c-base-ndr-lat}
             \label{fig:testpmd-3n-skx-x710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -269,12 +294,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-skx-xxv710-64b-2t1c-base-ndr`
+:index:`Packet Latency: testpmd-3n-skx-xxv710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm09" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -283,7 +308,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
             \label{fig:testpmd-3n-skx-xxv710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -298,12 +323,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-3n-skx-xxv710-64b-4t2c-base-ndr`
+:index:`Packet Latency: testpmd-3n-skx-xxv710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm10" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-3n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -312,7 +337,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
             \label{fig:testpmd-3n-skx-xxv710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -330,12 +355,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-2n-skx-x710-64b-2t1c-base-ndr`
+:index:`Packet Latency: testpmd-2n-skx-x710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm11" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-x710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -344,7 +369,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-x710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-x710-64b-2t1c-base-ndr-lat}
             \label{fig:testpmd-2n-skx-x710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -359,12 +384,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-2n-skx-x710-64b-4t2c-base-ndr`
+:index:`Packet Latency: testpmd-2n-skx-x710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm12" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-x710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -373,7 +398,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-x710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-x710-64b-4t2c-base-ndr-lat}
             \label{fig:testpmd-2n-skx-x710-64b-4t2c-base-ndr-lat}
     \end{figure}
 
@@ -391,12 +416,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-2n-skx-xxv710-64b-2t1c-base-ndr`
+:index:`Packet Latency: testpmd-2n-skx-xxv710-64b-2t1c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm13" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-xxv710-64b-2t1c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -405,7 +430,7 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
             \label{fig:testpmd-2n-skx-xxv710-64b-2t1c-base-ndr-lat}
     \end{figure}
 
@@ -420,12 +445,12 @@ CSIT source code for the test cases used for plots can be found in
 
     <center><b>
 
-:index:`Latency: testpmd-2n-skx-xxv710-64b-4t2c-base-ndr`
+:index:`Packet Latency: testpmd-2n-skx-xxv710-64b-4t2c-base-ndr`
 
 .. raw:: html
 
     </b>
-    <iframe width="700" height="1000" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
+    <iframe id="ifrm14" onload="setIframeHeight(this.id)" width="700" frameborder="0" scrolling="no" src="../../_static/dpdk/testpmd-2n-skx-xxv710-64b-4t2c-base-ndr-lat.html"></iframe>
     <p><br><br></p>
     </center>
 
@@ -434,6 +459,6 @@ CSIT source code for the test cases used for plots can be found in
     \begin{figure}[H]
         \centering
             \graphicspath{{../_build/_static/dpdk/}}
-            \includegraphics[clip, trim=0cm 8cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
+            \includegraphics[clip, trim=0cm 0cm 5cm 0cm, width=0.70\textwidth]{testpmd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
             \label{fig:testpmd-2n-skx-xxv710-64b-4t2c-base-ndr-lat}
     \end{figure}