Some features were added

mahdis-z · mahdis-z · commit 48fae90db0c8 · 2019-04-23T16:59:40.000-04:00
diff --git a/_posts/plotly_js/basic/waterfall/2015-04-09-basic-bar.html b/_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);
diff --git a/_posts/plotly_js/basic/waterfall/2015-04-09-horizontal-waterfall-chart.html b/_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);
diff --git a/_posts/plotly_js/basic/waterfall/2015-04-09-multi_category-waterfall-charts.html b/_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},
diff --git a/_posts/plotly_js/basic/waterfall/2015-04-09-style-waterfall.html b/_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);

Original file line number	Diff line number	Diff line change
`@@ -86,8 +86,6 @@`
`86`	`86`	`type: "linear"`
`87`	`87`	`},`
`88`	`88`	`margin: { l: 150 },`
`89`		`- height: 800,`
`90`		`- width: 800,`
`91`	`89`	`showlegend: true`
`92`	`90`	`}`
`93`	`91`	`Plotly.newPlot(gd, data, layout);`
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@`
`31`	`31`	`}`
`32`	`32`	`];`
`33`	`33`	`layout = {`
	`34`	`+ waterfallgroupgap : {type: 1},`
`34`	`35`	`xaxis: {`
`35`	`36`	`title: "MULTI-CATEGORY",`
`36`	`37`	`tickfont: {size: 16},`