diff --git a/components/content/ArticleSystemDistributionPlot.vue b/components/content/ArticleSystemDistributionPlot.vue index 326e0d9765464373e74486d64c7b8b0e6b65f646..2b843af7cd5c62760118acb5ee1486aba34fc6c7 100644 --- a/components/content/ArticleSystemDistributionPlot.vue +++ b/components/content/ArticleSystemDistributionPlot.vue @@ -153,16 +153,18 @@ async function fetchRefSeqTaxo() { </script> <template> <v-card flat> - <v-select v-model="selectedTaxoRank" :items="taxoRanks" density="compact" label="Select taxonomic rank" - hide-details="auto" class="mx-2"></v-select> - <v-card-text> Among the {{ d3.format(",")(systemStatistics.totalGenome) }} complete genomes of RefSeq, the {{ page.title }} is detected in {{ d3.format(",")(systemStatistics.genomeWithSystem) }} genomes ({{ - d3.format(".2f")(systemStatistics.percentGenome) }} %). + d3.format(".2f")(systemStatistics.percentGenome) }} %). The system was detected in {{ d3.format(",")(systemStatistics.speciesWithSystem) }} different species. </v-card-text> + <v-card-text> + <v-select v-model="selectedTaxoRank" :items="taxoRanks" density="compact" label="Select taxonomic rank" + hide-details="auto" class="mx-2"></v-select> + </v-card-text> + <PlotFigure ref="systemsDistributionPlot" :options="unref(distributionOptions)" defer></PlotFigure> </v-card> </template> \ No newline at end of file