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

时间:2017-12-21 13:23:54

标签: javascript json kendo-ui

我有一个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不是函数

出现在控制台中。

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

1 个答案:

答案 0 :(得分:0)

您只需要在dataSource属性

中移动架构
dataSource: {
    transport: {
        read: {
            url: "billing.json",
            dataType: "json"
        }
    },
    schema: {
       data: "rows"
    },
},

<强> DEMO