Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
metagenedb
Manage
Activity
Members
Labels
Plan
Wiki
Code
Merge requests
1
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Container Registry
Operate
Environments
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Metagenomics
metagenedb
Commits
4c486ace
Commit
4c486ace
authored
5 years ago
by
Kenzo-Hugo Hillion
Browse files
Options
Downloads
Patches
Plain Diff
use slider for histogram parameters
parent
b4842de2
No related branches found
Branches containing commit
No related tags found
2 merge requests
!59
Prod
,
!34
Improve taxonomy representation for an entry
Pipeline
#21106
passed with stages
Stage:
Stage:
in 2 minutes and 35 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
frontend/src/views/Stats.vue
+23
-24
23 additions, 24 deletions
frontend/src/views/Stats.vue
with
23 additions
and
24 deletions
frontend/src/views/Stats.vue
+
23
−
24
View file @
4c486ace
...
...
@@ -34,21 +34,34 @@
<v-icon
class=
"white--text"
>
far fa-chart-bar
</v-icon>
<v-toolbar-title>
Gene length distribution
</v-toolbar-title>
<v-spacer></v-spacer>
<v-flex
xs2
md1
>
<v-select
:items=
"this.windowSizeChoice"
color=
"primary lighten-3"
<v-flex
xs4
md2
class=
"mt-3"
>
<v-slider
v-model=
"geneLengthWindowSize"
@
change=
"getAllGeneLength"
></v-select>
thumb-label
color=
"secondary lighten-2"
thumb-color=
"secondary lighten-1"
step=
"100"
min=
"100"
max=
200
always-dirty
label=
"Window size (bp):"
></v-slider>
</v-flex>
<v-flex
xs2
md1
>
<v-select
:items=
"this.stopAtChoice"
color=
"primary lighten-3"
<v-flex
xs4
md2
xl1
class=
"mt-3 ml-4"
>
<v-slider
v-model=
"stopAt"
@
change=
"getAllGeneLength"
></v-select>
thumb-label
color=
"secondary lighten-2"
thumb-color=
"secondary lighten-1"
step=
"1000"
min=
"1000"
max=
5000
ticks
always-dirty
label=
"Stop at (bp):"
></v-slider>
</v-flex>
</v-toolbar>
<histogram
:histoData=
"geneLengthData"
chartId=
"histo_gene_length"
></histogram>
...
...
@@ -116,20 +129,6 @@ export default {
};
},
computed
:
{
stopAtChoice
()
{
let
listStopAt
=
[];
for
(
let
i
=
1000
;
i
<=
5000
;
i
+=
1000
)
{
listStopAt
.
push
(
i
);
};
return
listStopAt
;
},
windowSizeChoice
()
{
let
windowSize
=
[];
for
(
let
i
=
100
;
i
<=
200
;
i
+=
100
)
{
windowSize
.
push
(
i
);
};
return
windowSize
;
},
selectLevel
()
{
return
[
'
kingdom
'
,
'
superkingdom
'
,
'
phylum
'
,
'
class
'
,
'
order
'
,
'
family
'
,
'
genus
'
];
},
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment