Круговая диаграмма не полная

Question

Я пытаюсь сделать пирог из этих данных JSON:

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

Вот моя функция:

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 #"
    }
});

}

Интересно, что пирог занимает только четверть круга. Я играл с числами, пытаясь расти и уменьшать их, но я просто не могу заставить эту вещь занимать больше 1/4 пирога.

Может кто-нибудь, пожалуйста, дайте мне знать, что я делаю не так?

Answer 1

В объявлении серии графиков вы указали, что поле имеет тип номер:

    series: [{
        field: "number", 
        categoryField: "status",
        padding: 10
    }],

Но на самом деле в вашем JSON поле состояния является строкой. Измените его на число (удалите двойные кавычки), и он должен начать работать.

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