Commit af72cfdc authored by Kenzo-Hugo Hillion's avatar Kenzo-Hugo Hillion
Browse files

add range to select the gene size window

parent 69a2ca55
Pipeline #12803 passed with stage
in 1 minute and 8 seconds
<template>
<div v-if="geneLengthData.counts" id="app">
<h1>Gene Length Distribution</h1>
<canvas id="histogram"></canvas>
</div>
</template>
......
......@@ -7,7 +7,17 @@
<h4>{{ gene.gene_id }}</h4>
<p>Gene length: {{ gene.gene_length }} {{ gene.functions }}</p>
</div>
<histogram v-bind:geneLengthData="geneLengthData"></histogram>
<div class="card">
<div class="card-header">
Gene length distribution
</div>
<div class="card-body">
<histogram v-bind:geneLengthData="geneLengthData"></histogram>
<label for="geneLengthWindowSize">Gene size window</label>
<input type="range" class="custom-range" min="1000" max="20000" step="1000" v-model="geneLengthWindowSize" v-on:input="fetchGeneLength(geneLengthWindowSize)" debounce="500">
{{geneLengthWindowSize}}
</div>
</div>
</div>
</template>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment