import Chart from "@/core/components/Chart";

const PolarChart = ({data}) => {
    const specialOption = {
        title: {
            text: undefined,
        },
        plotOptions: {
            polarArea: {
                rings: {
                    strokeWidth: 2,
                    strokeColor: '#e3e3e3',
                },
                fill: {
                    colors: ['red', 'blue', 'green', 'yellow', 'pink']
                }
            },
        },
        fill: {
            opacity: 0.9,
        },
        labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
        dataLabels: {
            enabled: true,
            style: {
                fontSize: '14px',
                fontWeight: 400,
            },
        },
    };
    const series = [14, 23, 21, 17, 15]
    return (
        <Chart chartId="LoanDistributionPolar" type="polarArea" specialOption={specialOption} series={series}/>
    )
};

export default PolarChart;