Chart.js Examples

Richard Dalton

Radar Charts

This simple Radar Chart plots one dataset. The dataset consists of an array of datapoints (data) A color for the line(borderColor) And a label for the dataset (label)

Outside of the dataset the columns labels are specified.

{
    datasets: [{
        data: [
            11,
            16,
            7,
            3,
            14
        ],
        label: 'My dataset'
    }],
    labels: [
        "Red",
        "Green",
        "Yellow",
        "Grey",
        "Blue"
    ]
}

This Radar Chart plots two datasets. The dataset consists of an array of datapoints (data) A color for the line(borderColor) And a label for the dataset (label)

Outside of the dataset the columns labels are specified.

{
    datasets: [{
            data: [
                11,
                16,
                7,
                3,
                14
            ],
            borderColor: "rgba(220,0,0,0.5)",
            backgroundColor: "rgba(220,0,0,0.5)",
            label: '2015'
        },
        {
            data: [
                1,
                6,
                17,
                13,
                4
            ],
            borderColor: "rgba(0,220,220,0.5)",
            backgroundColor: "rgba(0,220,220,0.5)",
            label: '2016'
        }],
    labels: [
        "Red",
        "Green",
        "Yellow",
        "Grey",
        "Blue"
    ]
}