饼图不全

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。我一直在玩这些数字来尝试增长和缩小它们，但我似乎无法让它占据超过1/4的馅饼。

有人可以让我知道我做错了吗？

Answer 1

在图表系列声明中，您已指定该字段为类型编号：

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

但实际上在你的JSON中，status字段是一个字符串。将其更改为数字（删除双引号），它应该开始工作。

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