Pie chart not full

[James]

I'm trying to make a pie out of this JSON data:

[{"status":"Received","number":"2"},{"status":"In Progress","number":"1"}]

Here's my function:

function createChart() {

    $("#chart").kendoChart({

        theme: $(document).data("kendoSkin") || "default",

        dataSource: {

            transport: {

                read: {

                    url: "http://dev.openbill.co.uk/admin/crud/projects/chart.json.php",

                    dataType: "json"

                },

            },

            sort: {

                field: "status",

                dir: "asc"

            },

        },

        chartArea: {

            height: 125,

            width: 125

        },

        legend: {

            visible: false

        },

        seriesDefaults: {

            type: "pie"

        },

        series: [{

            field: "number",

            categoryField: "status",

            padding: 10

        }],

        tooltip: {

            visible: true,

            template: "#= dataItem.status #: #= dataItem.number #"

        }

    });

}

Interestingly though, the pie only occupies 1/4 of a circle. I've been playing around with the numbers to try and grow and shrink them, but I just can't seem to make the thing occupy more than 1/4 of a pie.

I've attached a screenshot.

Could someone please let me know what I'm doing wrong?