饼图未满答案

【问题标题】：Pie chart not full饼图未满
【发布时间】：2012-11-10 15:29:28
【问题描述】：

我正在尝试用这个 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 的馅饼。

有人可以告诉我我做错了什么吗？

【问题讨论】：

标签： json kendo-ui kendo-dataviz

【解决方案1】：

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

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

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

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

【讨论】：

成功了——非常感谢。只需将“JSON_NUMERIC_CHECK”添加到 json_encode。