mirror of
https://github.com/abhinavxd/libredesk.git
synced 2026-09-22 18:43:33 +00:00
Abhinav Raut
30 lines
605 B
Vue
30 lines
605 B
Vue
<template>
|
|
<LineChart
|
|
:data="data"
|
|
index="date"
|
|
:categories="[t('report.chart.newConversations'), t('report.chart.resolvedConversations')]"
|
|
:x-formatter="xFormatter"
|
|
:y-formatter="yFormatter"
|
|
/>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { LineChart } from '@/components/ui/chart-line'
|
|
import { useI18n } from 'vue-i18n'
|
|
const props = defineProps({
|
|
data: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
})
|
|
const { t } = useI18n()
|
|
|
|
const xFormatter = (tick) => {
|
|
return props.data[tick]?.date ?? ''
|
|
}
|
|
|
|
const yFormatter = (tick) => {
|
|
return Number.isInteger(tick) ? tick : ''
|
|
}
|
|
</script>
|