// ** 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 series = [ { name: 'Earning', data: [120, 200, 150, 120] }, { name: 'Expense', data: [72, 120, 50, 65] } ] const AnalyticsTotalRevenue = () => { // ** Hook const theme = useTheme() const options: ApexOptions = { chart: { parentHeightOffset: 0, toolbar: { show: false } }, grid: { padding: { top: -15, left: -14, right: -4, bottom: -15 }, yaxis: { lines: { show: false } } }, legend: { show: false }, dataLabels: { enabled: false }, colors: [hexToRGBA(theme.palette.primary.main, 1), hexToRGBA(theme.palette.warning.main, 1)], plotOptions: { bar: { borderRadius: 5, columnWidth: '48%', startingShape: 'rounded' } }, states: { hover: { filter: { type: 'none' } }, active: { filter: { type: 'none' } } }, xaxis: { labels: { show: false }, axisTicks: { show: false }, axisBorder: { show: false }, categories: ['Jan', 'Feb', 'Mar', 'Apr'] }, yaxis: { labels: { show: false } } } return ( $42.5k -22% Total Revenue ) } export default AnalyticsTotalRevenue