Json KendoUI饼图不起作用

Json KendoUI饼图不起作用,json,charts,kendo-ui,Json,Charts,Kendo Ui,我无法让这个简单的KendoUI饼图工作,并且我没有看到代码有任何错误 我只有一些基本的JSON,我正试图绑定到它。如您所见,源数据包含已计算的百分比以及实际值。我只是尝试将饼图绑定到百分比列。之所以使用percentageUnit和percentageValue,是因为我已经准备好了在两者之间切换的代码。实际值和单位字段将用作工具提示。因此,在源代码中保存所有数据非常重要 这张图表确实很丰富,但看起来完全乱七八糟。是我还是剑道 JS-Bin var-dr=[{ 状态:“已取消”, 单位:

我无法让这个简单的KendoUI饼图工作,并且我没有看到代码有任何错误

我只有一些基本的JSON,我正试图绑定到它。如您所见,源数据包含已计算的百分比以及实际值。我只是尝试将饼图绑定到百分比列。之所以使用percentageUnit和percentageValue,是因为我已经准备好了在两者之间切换的代码。实际值和单位字段将用作工具提示。因此,在源代码中保存所有数据非常重要

这张图表确实很丰富,但看起来完全乱七八糟。是我还是剑道


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"
}]
从:

  • 类别字段:包含扇区类别名称的数据字段
  • 值字段:包含系列值的数据字段

我找到了答案。因为XML被返回/解析为文本,所以KendoUI网格似乎不接受该值作为有效值。更改值字段后,它工作正常

请参阅此URL:

谢谢古德曼

答复如下:

 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()"
          }
        }
      }