This is a migrated thread and some comments may be shown as answers.

Pie chart not full

0 Answers 26 Views
Charts
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 10 Nov 2012, 03:24 PM
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?

No answers yet. Maybe you can help?

Tags
Charts
Asked by
James
Top achievements
Rank 1
Share this question
or