// ** MUI Imports import Box from '@mui/material/Box' import Card from '@mui/material/Card' import { useTheme } from '@mui/material/styles' import Typography from '@mui/material/Typography' import CardContent from '@mui/material/CardContent' // ** Third Party Imports import { ApexOptions } from 'apexcharts' // ** Custom Components Imports import ReactApexcharts from 'src/@core/components/react-apexcharts' // ** Util Import import { hexToRGBA } from 'src/@core/utils/hex-to-rgba' const AnalyticsOverview = () => { // ** Hook const theme = useTheme() const options: ApexOptions = { chart: { sparkline: { enabled: true } }, stroke: { lineCap: 'round' }, colors: [hexToRGBA(theme.palette.primary.main, 1)], plotOptions: { radialBar: { hollow: { size: '55%' }, track: { background: theme.palette.customColors.trackBg }, dataLabels: { name: { show: false }, value: { offsetY: 5, fontWeight: 600, fontSize: '1rem', color: theme.palette.text.primary } } } }, grid: { padding: { bottom: -12 } }, states: { hover: { filter: { type: 'none' } }, active: { filter: { type: 'none' } } } } return ( $67.1k +49% Overview ) } export default AnalyticsOverview