mirror of https://github.com/doccano/doccano.git
pythondatasetnatural-language-processingdata-labelingmachine-learningannotation-tooldatasetsactive-learningtext-annotation
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.2 KiB
68 lines
1.2 KiB
<template>
|
|
<v-row v-if="stats">
|
|
<v-col
|
|
cols="12"
|
|
lg="4"
|
|
>
|
|
<v-card>
|
|
<doughnut-chart
|
|
:chart-data="progress"
|
|
/>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col
|
|
cols="12"
|
|
lg="4"
|
|
>
|
|
<v-card>
|
|
<bar-chart
|
|
:chart-data="labelStats"
|
|
/>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col
|
|
cols="12"
|
|
lg="4"
|
|
>
|
|
<v-card>
|
|
<bar-chart
|
|
:chart-data="userStats"
|
|
/>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapActions, mapGetters, mapState } from 'vuex'
|
|
import DoughnutChart from '@/components/molecules/DoughnutChart'
|
|
import BarChart from '@/components/molecules/BarChart'
|
|
|
|
export default {
|
|
layout: 'project',
|
|
|
|
components: {
|
|
DoughnutChart,
|
|
BarChart
|
|
},
|
|
|
|
computed: {
|
|
...mapGetters('statistics', ['userStats', 'labelStats', 'progress']),
|
|
...mapState('statistics', ['stats'])
|
|
},
|
|
|
|
async created() {
|
|
await this.fetchStatistics({
|
|
projectId: this.$route.params.id
|
|
})
|
|
},
|
|
|
|
methods: {
|
|
...mapActions('statistics', ['fetchStatistics'])
|
|
},
|
|
|
|
validate({ params }) {
|
|
return /^\d+$/.test(params.id)
|
|
}
|
|
}
|
|
</script>
|