Json KendoUI饼图不起作用
我无法让这个简单的KendoUI饼图工作,并且我没有看到代码有任何错误 我只有一些基本的JSON,我正试图绑定到它。如您所见,源数据包含已计算的百分比以及实际值。我只是尝试将饼图绑定到百分比列。之所以使用percentageUnit和percentageValue,是因为我已经准备好了在两者之间切换的代码。实际值和单位字段将用作工具提示。因此,在源代码中保存所有数据非常重要 这张图表确实很丰富,但看起来完全乱七八糟。是我还是剑道Json KendoUI饼图不起作用,json,charts,kendo-ui,Json,Charts,Kendo Ui,我无法让这个简单的KendoUI饼图工作,并且我没有看到代码有任何错误 我只有一些基本的JSON,我正试图绑定到它。如您所见,源数据包含已计算的百分比以及实际值。我只是尝试将饼图绑定到百分比列。之所以使用percentageUnit和percentageValue,是因为我已经准备好了在两者之间切换的代码。实际值和单位字段将用作工具提示。因此,在源代码中保存所有数据非常重要 这张图表确实很丰富,但看起来完全乱七八糟。是我还是剑道 JS-Bin var-dr=[{ 状态:“已取消”, 单位:
JS-Bin
var-dr=[{
状态:“已取消”,
单位:554615.000000000000,
价值:12194910.410000000000,
百分比单位:12.95570000000,
百分比值:25.479241000000
},{
状态:“已开票”,
单位:326069.000000000000,
价值:31610141.095120000000,
百分比单位:76.161596000000,
百分比值:66.044143000000
},{
状态:“打开”,
单位:465873.000000000000,
价值:4057089.59800000000,
百分比单位:10.882704000000,
百分比值:8.476615000000
}];
var dsCOStatus=new kendo.data.DataSource({
资料来源:,
模式:{
键入:“json”,
型号:{
字段:{
状态:“状态”,
PercentageUnits:“PercentageUnits”,
PercentageValue:“PercentageValue”,
单位:“单位”,
价值:“价值”
}
}
},
});
$(函数(){
$(“#客户订单状态”)。kendoChart({
数据来源:dsCOStatus,
标题:{
文本:“客户订单状态(过去12个月)”
},
图例:{
位置:“底部”
//标签:{
//模板:“#=文本(#=值#%)”
//}
},
系列默认值:{
类型:“馅饼”
//标签:{
//可见:对,
//格式:{0}%
//}
},
系列:[{
字段:“状态”,
类别字段:“值”
}],
工具提示:{
可见:正确
//格式:“{0}”
}
}).show();
});
在XML中,我有同样的问题:
var drXML = "<D><Report><Status>CANCELLED</Status><Units>554615.000000000000</Units><Value>12194910.410000000000</Value><PercentageUnits>12.955700000000</PercentageUnits><PercentageValue>25.479241000000</PercentageValue></Report><Report><Status>INVOICED</Status><Units>3260369.000000000000</Units><Value>31610141.095120000000</Value><PercentageUnits>76.161596000000</PercentageUnits><PercentageValue>66.044143000000</PercentageValue></Report><Report><Status>OPEN</Status><Units>465873.000000000000</Units><Value>4057089.598000000000</Value><PercentageUnits>10.882704000000</PercentageUnits><PercentageValue>8.476615000000</PercentageValue></Report></D>";
var dsCOStatus = new kendo.data.DataSource({
data: drXML,
schema: {
type: "xml",
data: "/D/Report",
model: {
fields: {
Status: "Status/text()",
PercentageUnits: "PercentageUnits/text()",
PercentageValue: "PercentageValue/text()",
Units: "Units/text()",
Value: "Value/text()"
}
}
}
var drXML=“已取消554615.00000000000012194910.41000000000012.9557000000025.479241000000发票3260369.00000000000000000031610141.0951200000000076.1615960000066.044143000000OPEN465873.0000000000004057089.59800000000010.88270400000008.476615000000”;
var dsCOStatus=new kendo.data.DataSource({
数据:drXML,
模式:{
键入:“xml”,
数据:“/D/Report”,
型号:{
字段:{
状态:“状态/文本()”,
PercentageUnits:“PercentageUnits/text()”,
PercentageValue:“PercentageValue/text()”,
单位:“单位/文本()”,
值:“值/文本()
}
}
}
我认为您需要交换您的categoryField和field Name:
series: [{
field: "Value",
categoryField: "Status"
}]
从:
- 类别字段:包含扇区类别名称的数据字段
- 值字段:包含系列值的数据字段
schema: {
type: "xml",
data: "/DsCOStatus/Report",
model: {
fields: {
Status: "Status/text()",
PercentageUnits: "PercentageUnits/text()",
PercentageValue: "PercentageValue/text()",
Units: "Units/text()",
Value: { field: "Value/text()", type:"number" }
//Value: "Value/text()"
}
}
}
谢谢你的回答。它对JSON很好,但如果我对XML也这么做,它仍然是一样的。有什么想法吗?看看我上面的XML数据源代码。谢谢
schema: {
type: "xml",
data: "/DsCOStatus/Report",
model: {
fields: {
Status: "Status/text()",
PercentageUnits: "PercentageUnits/text()",
PercentageValue: "PercentageValue/text()",
Units: "Units/text()",
Value: { field: "Value/text()", type:"number" }
//Value: "Value/text()"
}
}
}