diff options
Diffstat (limited to 'app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue')
-rw-r--r-- | app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue b/app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue index 3b5e764b712..92ae8128285 100644 --- a/app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue +++ b/app/assets/javascripts/pages/projects/graphs/components/code_coverage.vue @@ -1,8 +1,8 @@ <script> import { GlAlert, GlDropdown, GlDropdownItem, GlSprintf } from '@gitlab/ui'; import { GlAreaChart } from '@gitlab/ui/dist/charts'; -import dateFormat from 'dateformat'; import { get } from 'lodash'; +import { formatDate } from '~/lib/utils/datetime_utility'; import axios from '~/lib/utils/axios_utils'; import { __ } from '~/locale'; @@ -38,7 +38,10 @@ export default { }, xAxis: { name: '', - type: 'category', + type: 'time', + axisLabel: { + formatter: (value) => formatDate(value, 'mmm dd'), + }, }, }, }; @@ -74,7 +77,7 @@ export default { ); }, formattedData() { - return this.sortedData.map((value) => [dateFormat(value.date, 'mmm dd'), value.coverage]); + return this.sortedData.map((value) => [value.date, value.coverage]); }, chartData() { return [ @@ -106,7 +109,7 @@ export default { this.selectedCoverageIndex = index; }, formatTooltipText(params) { - this.tooltipTitle = params.value; + this.tooltipTitle = formatDate(params.value, 'mmm dd'); this.coveragePercentage = get(params, 'seriesData[0].data[1]', ''); }, }, |