Json 饼图未满
我正试图用这个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: {
[{"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数字检查”。