// ** MUI Imports import Card from '@mui/material/Card' import { useTheme } from '@mui/material/styles' import CardHeader from '@mui/material/CardHeader' import CardContent from '@mui/material/CardContent' // ** Third Party Imports import { ApexOptions } from 'apexcharts' // ** Custom Components Imports import OptionsMenu from 'src/@core/components/option-menu' import ReactApexcharts from 'src/@core/components/react-apexcharts' const series = [ { name: 'Income', data: [70, 90, 80, 95, 75, 90] }, { name: 'Net Worth', data: [110, 72, 62, 65, 100, 75] } ] const AnalyticsPerformance = () => { // ** Hook const theme = useTheme() const options: ApexOptions = { chart: { parentHeightOffset: 0, toolbar: { show: false } }, legend: { markers: { offsetX: -2 }, itemMargin: { horizontal: 10 }, labels: { colors: theme.palette.text.secondary } }, plotOptions: { radar: { size: 100, polygons: { strokeColors: theme.palette.divider, connectorColors: theme.palette.divider } } }, fill: { type: 'gradient', gradient: { shade: 'dark', gradientToColors: [theme.palette.warning.main, theme.palette.primary.main], shadeIntensity: 1, type: 'vertical', opacityFrom: 1, opacityTo: 0.9, stops: [0, 100] } }, colors: [theme.palette.warning.main, theme.palette.primary.main], labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], markers: { size: 0 }, xaxis: { labels: { show: true, style: { fontSize: '14px', colors: [ theme.palette.text.disabled, theme.palette.text.disabled, theme.palette.text.disabled, theme.palette.text.disabled, theme.palette.text.disabled, theme.palette.text.disabled ] } } }, yaxis: { show: false }, grid: { show: false } } return ( } /> ) } export default AnalyticsPerformance