Add orient option to barplot on Seaborn

minjk-bl · minjk-bl · commit 1b8cc36876eb · 2023-09-18T09:16:26.000+09:00
diff --git a/visualpython/data/m_visualize/seabornLibrary.js b/visualpython/data/m_visualize/seabornLibrary.js
@@ -148,13 +148,14 @@ define([
         },
         'barplot': {
             name: 'Bar Plot',
-            code: '${allocateTo} = sns.barplot(${data}${x}${y}${hue}${etc})',
+            code: '${allocateTo} = sns.barplot(${data}${x}${y}${hue}${orient}${etc})',
             description: 'Show point estimates and confidence intervals as rectangular bars.',
             options: [
                 { name: 'data', component: ['var_select'], var_type: ['DataFrame', 'Series', 'list'], usePair: true },
                 { name: 'x', component: ['col_select'], usePair: true },
                 { name: 'y', component: ['col_select'], usePair: true },
                 { name: 'hue', component: ['col_select'], usePair: true },
+                { name: 'orient', component: ['option_select'], usePair: true },
                 { name: 'allocateTo', label: 'Allocate To', component: ['input'], usePair: true }
             ]
         },
diff --git a/visualpython/html/m_visualize/seaborn.html b/visualpython/html/m_visualize/seaborn.html
@@ -100,6 +100,14 @@
                                             <label for="bins" class="vp-bold">Bins</label>
                                             <input type="number" class="vp-input vp-state" id="bins" placeholder="Type bins" step="5" min="0" />
                                         </div>
+                                        <div class="vp-grid-box sb-option">
+                                            <label for="orient" class="vp-bold">Orient</label>
+                                            <select id="orient" class="vp-select vp-state">
+                                                <option value="">Select option...</option>
+                                                <option value="'v'">Vertical</option>
+                                                <option value="'h'">Horizontal</option>
+                                            </select>
+                                        </div>
                                         <div class="vp-grid-box sb-option">
                                             <label for="kde" class="vp-bold">Kde</label>
                                             <select id="kde" class="vp-select vp-state">
diff --git a/visualpython/js/m_visualize/Seaborn.js b/visualpython/js/m_visualize/Seaborn.js
@@ -32,6 +32,7 @@ define([
 
             this.config.dataview = false;
             this.config.size = { width: 1064, height: 550 };
+            this.config.autoScroll = false;
             this.config.checkModules = ['plt', 'sns'];
             this.config.docs = 'https://seaborn.pydata.org/index.html';
 
@@ -201,6 +202,7 @@ define([
                     $(that.wrapSelector('#kde')).closest('.sb-option').show();
                     $(that.wrapSelector('#stat')).closest('.sb-option').show();
                 } else if (chartType == 'barplot') {
+                    $(that.wrapSelector('#orient')).closest('.sb-option').show();
                     $(that.wrapSelector('#showValues')).closest('.sb-option').show();
                     $(that.wrapSelector('#errorbar')).closest('.sb-option').show();
                     if (that.state.setXY === false) {
@@ -547,6 +549,7 @@ define([
                 $(page).find('#kde').closest('.sb-option').show();
                 $(page).find('#stat').closest('.sb-option').show();
             } else if (this.state.chartType == 'barplot') {
+                $(page).find('#orient').closest('.sb-option').show();
                 $(page).find('#showValues').closest('.sb-option').show();
                 $(page).find('#errorbar').closest('.sb-option').show();
                 if (this.state.setXY === false) {
@@ -890,7 +893,7 @@ define([
 
         generateCode(preview=false) {
             let { 
-                chartType, data, x, y, setXY, hue, kde, stat, 
+                chartType, data, x, y, setXY, hue, orient, kde, stat, 
                 showValues, showValuesPrecision, errorbar,
                 sortType, sortBy, sortHue, sortHueText,
                 userOption='', 
