// ** MUI Imports import Box from '@mui/material/Box' import Card from '@mui/material/Card' import { useTheme } from '@mui/material/styles' import CardHeader from '@mui/material/CardHeader' import Typography from '@mui/material/Typography' import CardContent from '@mui/material/CardContent' // ** Icon Imports import Icon from 'src/@core/components/icon' // ** Third Party Imports import { ApexOptions } from 'apexcharts' // ** Custom Components Imports import CustomAvatar from 'src/@core/components/mui/avatar' import OptionsMenu from 'src/@core/components/option-menu' import ReactApexcharts from 'src/@core/components/react-apexcharts' // ** Util Import import { hexToRGBA } from 'src/@core/utils/hex-to-rgba' const AnalyticsVisitsByDay = () => { // ** Hook const theme = useTheme() const options: ApexOptions = { chart: { parentHeightOffset: 0, toolbar: { show: false } }, plotOptions: { bar: { borderRadius: 8, distributed: true, columnWidth: '51%', endingShape: 'rounded', startingShape: 'rounded' } }, legend: { show: false }, dataLabels: { enabled: false }, colors: [ hexToRGBA(theme.palette.warning.main, 0.1), hexToRGBA(theme.palette.warning.main, 1), hexToRGBA(theme.palette.warning.main, 0.1), hexToRGBA(theme.palette.warning.main, 1), hexToRGBA(theme.palette.warning.main, 1), hexToRGBA(theme.palette.warning.main, 0.1), hexToRGBA(theme.palette.warning.main, 0.1) ], states: { hover: { filter: { type: 'none' } }, active: { filter: { type: 'none' } } }, xaxis: { axisTicks: { show: false }, axisBorder: { show: false }, categories: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], labels: { style: { colors: theme.palette.text.disabled } } }, yaxis: { show: false }, grid: { show: false, padding: { top: -30, left: -7, right: -4 } } } return ( } /> Most Visited Day Total 62.4k Visits on Thursday ) } export default AnalyticsVisitsByDay