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

benchmark and add more variable to component

parent e24881d2
Pipeline #18995 passed with stages
in 2 minutes and 18 seconds
<template>
<v-flex xs12 md6>
<v-toolbar
class="secondary"
:class="geneLengthData.class"
dark
v-if="geneLengthData.data"
>
<v-icon class="white--text">{{ geneLengthData.icon }}</v-icon>
<v-toolbar-title>{{ geneLengthData.title }}</v-toolbar-title>
</v-toolbar>
<v-card class="pa-2">
......
<template>
<div class="stats">
<h1 class="subheading primary--text">Statistics</h1>
<v-container fluid>
<v-layout row wrap>
<histogram :geneLengthData="geneLengthData"></histogram>
<histogram :geneLengthData="geneLengthDataOther"></histogram>
</v-layout>
</v-container>
<v-flex>
<v-toolbar class="secondary white--text" dense>
<v-btn dark icon>
<v-icon>list_alt</v-icon>
</v-btn>
<v-toolbar-title>Gene details: {{ gene_id }}</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn dark icon>
<v-icon>search</v-icon>
</v-btn>
</v-toolbar>
<v-card>
<v-container
fluid
grid-list-md
>
<v-layout row wrap>
<histogram :geneLengthData="geneLengthData"></histogram>
<histogram :geneLengthData="geneLengthDataOther"></histogram>
</v-layout>
</v-container>
</v-card>
</v-flex>
</div>
</template>
......@@ -45,15 +63,19 @@ export default {
label: "Number of genes",
borderColor: '#edb183',
backgroundColor: '#f15152',
class: "secondary",
icon: "bar_chart",
};
this.geneLengthDataOther = {
chart_id: "histo2",
data: response.data.results.counts,
labels: response.data.results.labels,
title: "Gene length distribution 2",
label: "Number of gnes",
title: "Gene length distribution",
label: "Number of genes",
borderColor: '#aab183',
backgroundColor: '#faa152',
class: "genefunction",
icon: "graphic_eq",
};
})
.catch((error) => {
......
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