Pie chart not full

1 posts, 0 answers
  1. James
    James avatar
    3 posts
    Member since:
    Oct 2012

    Posted 10 Nov 2012 Link to this post

    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?
Back to Top