X-Git-Url: https://gerrit.fd.io/r/gitweb?p=csit.git;a=blobdiff_plain;f=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Ftrending%2Flayout.yaml;h=86a9f19a701a6c4570463f9e1cf30bd14c015e64;hp=be69d83aa16e169ae4b6acf63008a970dda40502;hb=7c4fdfb43c5cb249c5258c31cde1370cedb5d7b2;hpb=dc28d6ba2adc598699a71fc5757f08325840d358

diff --git a/resources/tools/dash/app/pal/trending/layout.yaml b/resources/tools/dash/app/pal/trending/layout.yaml
index be69d83aa1..86a9f19a70 100644
--- a/resources/tools/dash/app/pal/trending/layout.yaml
+++ b/resources/tools/dash/app/pal/trending/layout.yaml
@@ -1,11 +1,11 @@
-plot-trending:
+plot-trending-tput:
   title: ""
   titlefont:
     size: 16
   autosize: True
   showlegend: True
   # width: 1100
-  height: 800
+  height: 600
   yaxis:
     showticklabels: True
     tickformat: ".3s"
@@ -67,7 +67,85 @@ plot-trending:
     l: 70
   legend:
     orientation: "h"
-    y: -0.2
+    y: -0.18
+    xanchor: "auto"
+    traceorder: "normal"
+    bordercolor: "rgb(238, 238, 238)"
+  paper_bgcolor: "#fff"
+  plot_bgcolor: "#fff"
+  hoverlabel:
+    namelength: -1
+
+plot-trending-lat:
+  title: ""
+  titlefont:
+    size: 16
+  autosize: True
+  showlegend: True
+  # width: 1100
+  height: 600
+  yaxis:
+    showticklabels: True
+    tickformat: ".3s"
+    title: "Latency [us]"
+    hoverformat: ".5s"
+    gridcolor: "rgb(238, 238, 238)"
+    linecolor: "rgb(238, 238, 238)"
+    showline: True
+    zeroline: False
+    tickcolor: "rgb(238, 238, 238)"
+    linewidth: 1
+    showgrid: True
+  xaxis:
+    title: 'Date [MMDD]'
+    type: "date"
+    autorange: True
+    fixedrange: False
+    showgrid: True
+    gridcolor: "rgb(238, 238, 238)"
+    showline: True
+    linecolor: "rgb(238, 238, 238)"
+    zeroline: False
+    linewidth: 1
+    showticklabels: True
+    tickcolor: "rgb(238, 238, 238)"
+    tickmode: "auto"
+    tickformat: "%m%d"
+    rangeselector:
+      buttons:
+      - count: 14
+        label: "2w"
+        step: "day"
+        stepmode: "backward"
+      - count: 1
+        label: "1m"
+        step: "month"
+        stepmode: "backward"
+      - count: 2
+        label: "2m"
+        step: "month"
+        stepmode: "backward"
+      - count: 3
+        label: "3m"
+        step: "month"
+        stepmode: "backward"
+      - count: 4
+        label: "4m"
+        step: "month"
+        stepmode: "backward"
+      - count: 5
+        label: "5m"
+        step: "month"
+        stepmode: "backward"
+      - step: "all"
+  margin:
+    r: 20
+    b: 0
+    t: 5
+    l: 70
+  legend:
+    orientation: "h"
+    y: -0.18
     xanchor: "auto"
     traceorder: "normal"
     bordercolor: "rgb(238, 238, 238)"