Some features were added

_posts/plotly_js/basic/waterfall/2015-04-09-basic-bar.html

@@ -46,15 +46,14 @@
                 -20,
                 0
             ],
-            base: 1000,
             connector: {
               line: {
-                color: "rgb(63, 63, 63)" 
+                color: "rgb(63, 63, 63)"
               }
             },
         }
     ];
-var layout= {
+ layout = {
         title: {
             text: "Profit and loss statement 2018"
         },
@@ -64,10 +63,7 @@
         yaxis: {
             type: "linear"
         },
-        height: 800,
-        width: 800,
         autosize: true,
         showlegend: true
     };
-
-Plotly.newPlot(gd, data, layout) 
+Plotly.newPlot(gd, data, layout);

_posts/plotly_js/basic/waterfall/2015-04-09-horizontal-waterfall-chart.html

@@ -86,8 +86,6 @@
             type: "linear"
         },
         margin: { l: 150 },
-        height: 800,
-        width: 800,
         showlegend: true
     }
 Plotly.newPlot(gd, data, layout);

_posts/plotly_js/basic/waterfall/2015-04-09-multi_category-waterfall-charts.html

@@ -31,6 +31,7 @@
     }
   ];
   layout = {
+    waterfallgroupgap : {type: 1},
     xaxis: {
       title: "MULTI-CATEGORY",
       tickfont: {size: 16},

_posts/plotly_js/basic/waterfall/2015-04-09-style-waterfall.html

@@ -0,0 +1,35 @@
+---
+name: Style Waterfall Chart
+plot_url: https://codepen.io/plotly/embed/GLXVvM/?height=500&theme-id=15263&default-tab=result
+language: plotly_js
+suite: waterfall
+order: 4
+sitemap: false
+arrangement: horizontal
+---
+var gd = document.getElementById('graphDiv');
+var data = [
+    {
+      type: "waterfall",
+      x: [
+        ["2016", "2017", "2017", "2017", "2017", "2018", "2018", "2018", "2018"],
+        ["initial", "q1", "q2", "q3", "total", "q1", "q2", "q3", "total" ]
+      ],
+      measure: ["absolute", "relative", "relative", "relative", "total", "relative", "relative", "relative", "total"],
+      y: [10, 20, 30, -10, null, 10, 20, -40, null],
+      base: 300,
+    decreasing: { marker: { color: "Maroon" , line:{color : "red", width :2}}},
+    increasing: { marker: { color: "Teal"} },
+    totals: { marker: { color: "deep sky blue", line:{color:'blue',width:3}} }
+    }];
+  layout = {title: {
+            text: "Profit and loss statement"
+        },
+    waterfallgroupgap : {type: 1},
+    xaxis: {
+      title: "",
+      tickfont: {size: 15},
+      ticks: "outside"
+    }
+  }
+Plotly.newPlot(gd, data, layout);