带有远程嵌套JSON数据源的Kendo饼图

Posted 2021-05-03

我有一个Kendo Pie图表从远程JSON源读取数据。远程JSON端点返回：

{
"success": true,
"rows": [
  {
  "monthyear": "November 2017",
  "rrp": "158639.993"
  },
  {
  "monthyear": "October 2017",
  "rrp": "156070.158"
  }
 ]
}

我在图表中定义了远程数据源，如下所示：

$("#chart2").kendoChart({
    dataSource: {
        transport: {
            read: {
                url: "billing.json",
                dataType: "json"
            }
        }
    },
    schema: {
        data: "rows"
    },
    seriesColors: ['#c0392b',  '#2980b9' ],
    seriesDefaults: {
        type: "pie"
    },
    series: [{
        field: "rrp",
        categoryField: "monthyear",
        name:"RRP" 
    }]
});

但我没有图表，而且

kendo.all.js：6659 Uncaught TypeError：e.slice不是函数

出现在控制台中。

我是否错误地提到了数据源？

答案

您只需要在dataSource属性中移动架构

dataSource: {
    transport: {
        read: {
            url: "billing.json",
            dataType: "json"
        }
    },
    schema: {
       data: "rows"
    },
},

DEMO