Json 饼图未满

Json 饼图未满,json,kendo-ui,kendo-dataviz,Json,Kendo Ui,Kendo Dataviz,我正试图用这个JSON数据做一个饼: [{"status":"Received","number":"2"},{"status":"In Progress","number":"1"}] 以下是我的功能: function createChart() { $("#chart").kendoChart({ theme: $(document).data("kendoSkin") || "default", dataSource: { transport: {

我正试图用这个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。我一直在玩弄这些数字,试图扩大和缩小它们,但我似乎无法让它们占据一个馅饼的四分之一以上


有人能告诉我我做错了什么吗?

在您的图表系列声明中,您已指定字段为类型编号:

    series: [{
        field: "number", 
        categoryField: "status",
        padding: 10
    }],
但实际上在JSON中,状态字段是一个字符串。将其更改为一个数字(删除双引号),它将开始工作

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

这起作用了——非常感谢。只需在JSON编码中添加“JSON数字检查”。