0

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

有人可以让我知道我做错了什么吗?

4

1 回答 1

0

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

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

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

[{"status":"Received","number":2},{"status":"In Progress","number":1}]
于 2012-11-11T07:24:02.003 回答