feat: initial radar chart

[casesolved-co-uk]

Basic implementation of polar radar charts Satisfies #151

Needs documentation, where do I put that?

fix: first rendering version without axis feat: radial axis working but buggy, and tidy feat: radar theta axis fix: radar bugs and tidy fix: missing state variable

Explanation About What Code Achieves:

• Radar chart / spider graph

Screenshots/GIFs:

Steps To Test:

let radar_data = {
    labels: [
        "Marketing & Communication",
        "Financial",
        "Technology",
        "Green Agenda",
        "Workforce Planning",
        "General Advice"
    ],

    datasets: [
        {
            name: "Before",
            values: [4, 6, 8, 7, 3, 5]
        },
        {
            name: "After",
            values: [5, 7, 6, 3, 4, 6]
        }
    ]
};

function render_radar() {
    new frappe.Chart("#chart-radar", {
        title: "Business Assessment",
        height: 400,
        colors: ["purple", "light-blue"],
        data: radar_data,
        type: 'radar',
        tooltipOptions: {
            formatTooltipX: (d) => (d + "").toUpperCase(),
            formatTooltipY: (d) => d + " pts"
        }
    });
}

TODOs:

• Animation
• Other methods