added dropdown update menu example in js and python

dikshagabha · dikshagabha · commit fabd9ba544cf · 2016-08-06T17:06:11.000+05:30
diff --git a/_posts/plotly_js/callbacks-dropdowns/2015-04-09-dropdowns_menus.html b/_posts/plotly_js/callbacks-dropdowns/2015-04-09-dropdowns_menus.html
@@ -0,0 +1,60 @@
+---
+name: Dropdown events to update menus in Plotly.js charts
+plot_url: https://codepen.io/etpinard/embed/pbxkNb/?height=558&theme-id=15263&default-tab=result
+language: plotly_js
+suite: dropdowns-events
+sitemap: false
+order: 0
+arrangement: horizontal
+---
+function makeTrace(i) {
+    return {
+        y: Array.apply(null, Array(10)).map(() => Math.random()),
+        line: { 
+            shape: 'spline' ,
+            color: 'red'
+        },
+        visible: i === 0,
+        name: 'Data set ' + i,
+    };
+}
+
+Plotly.plot('graph', [0, 1, 2, 3].map(makeTrace), {
+    updatemenus: [{
+        y: 0.8,
+        yanchor: 'top',
+        buttons: [{
+            method: 'restyle',
+            args: ['line.color', 'red'],
+            label: 'red'
+        }, {
+            method: 'restyle',
+            args: ['line.color', 'blue'],
+            label: 'blue'
+        }, {
+            method: 'restyle',
+            args: ['line.color', 'green'],
+            label: 'green'
+        }] 
+    }, {
+        y: 1,
+        yanchor: 'top',
+        buttons: [{
+            method: 'restyle',
+            args: ['visible', [true, false, false, false]],
+            label: 'Data set 0'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, true, false, false]],
+            label: 'Data set 1'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, false, true, false]],
+            label: 'Data set 2'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, false, false, true]],
+            label: 'Data set 3'
+        }]
+    }],
+});
diff --git a/_posts/python/callbacks-dropdowns/2015-04-09-dropdowns_menus.html b/_posts/python/callbacks-dropdowns/2015-04-09-dropdowns_menus.html
@@ -0,0 +1,60 @@
+---
+name: Dropdown Events to update menus
+plot_url: https://codepen.io/etpinard/embed/pbxkNb/?height=725&theme-id=15263&default-tab=result
+language: python
+suite: dropdown-events
+arrangement: horizontal
+sitemap: false
+order: 1
+---
+function makeTrace(i) {
+    return {
+        y: Array.apply(null, Array(10)).map(() => Math.random()),
+        line: { 
+            shape: 'spline' ,
+            color: 'red'
+        },
+        visible: i === 0,
+        name: 'Data set ' + i,
+    };
+}
+
+Plotly.plot('graph', [0, 1, 2, 3].map(makeTrace), {
+    updatemenus: [{
+        y: 0.8,
+        yanchor: 'top',
+        buttons: [{
+            method: 'restyle',
+            args: ['line.color', 'red'],
+            label: 'red'
+        }, {
+            method: 'restyle',
+            args: ['line.color', 'blue'],
+            label: 'blue'
+        }, {
+            method: 'restyle',
+            args: ['line.color', 'green'],
+            label: 'green'
+        }] 
+    }, {
+        y: 1,
+        yanchor: 'top',
+        buttons: [{
+            method: 'restyle',
+            args: ['visible', [true, false, false, false]],
+            label: 'Data set 0'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, true, false, false]],
+            label: 'Data set 1'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, false, true, false]],
+            label: 'Data set 2'
+        }, {
+            method: 'restyle',
+            args: ['visible', [false, false, false, true]],
+            label: 'Data set 3'
+        }]
+    }],
+});
