Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitc1147ae

Browse files
author
minjk-bl
committed
Add Sort option to Plotly app
1 parent8235e0a commitc1147ae

File tree

2 files changed

+17
-1
lines changed

2 files changed

+17
-1
lines changed

‎html/m_visualize/plotly.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,14 @@
7878

7979
</select>
8080
</div>
81+
<divclass="vp-grid-box pt-option">
82+
<labelclass="vp-bold">Sort</label>
83+
<selectid="sort"class="vp-select vp-state">
84+
<optionvalue="">Select option...</option>
85+
<optionvalue="total descending">Total descending</option>
86+
<optionvalue="total ascending">Total ascending</option>
87+
</select>
88+
</div>
8189
</div>
8290
<labelfor="userOption"class="vp-bold">User Option</label>
8391
<inputtype="text"id="userOption"class="vp-input vp-state wp100"placeholder="key=value, ..."/>

‎js/m_visualize/Plotly.js‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ define([
4141
x_start:'',x_end:'',
4242
values:'',names:'',parents:'',
4343
color:'',
44+
sort:'',
4445
userOption:'',
4546
title:'',
4647
x_label:'',
@@ -136,6 +137,7 @@ define([
136137
$(that.wrapSelector('#y')).closest('.pt-option').show();
137138
$(that.wrapSelector('#color')).closest('.pt-option').show();
138139
}
140+
$(that.wrapSelector('#sort')).closest('.pt-option').show();
139141
});
140142

141143
// use data or not
@@ -348,6 +350,7 @@ define([
348350
$(page).find('#y').closest('.pt-option').show();
349351
$(page).find('#color').closest('.pt-option').show();
350352
}
353+
$(page).find('#sort').closest('.pt-option').show();
351354

352355
//================================================================
353356
// Load state
@@ -482,7 +485,7 @@ define([
482485
*/
483486
let{
484487
chartType,
485-
data, x, y, color, setXY,
488+
data, x, y, color, setXY, sort,
486489
userOption, userCode,
487490
title, x_label, y_label
488491
}=this.state;
@@ -549,6 +552,11 @@ define([
549552
,etcOptionCode.length>0?', '+etcOptionCode.join(', '):'');
550553
code.appendFormatLine("fig = {0}",generatedCode);
551554

555+
// sort code
556+
if(sort&&sort!=''){
557+
code.appendFormatLine("fig.update_xaxes(categoryorder='{0}')",sort);
558+
}
559+
552560
if(userCode&&userCode!=''){
553561
code.appendLine(userCode);
554562
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp