Cannot call method 'slice' of undefined

[Erik]

I am trying to bind a kendoChart to a datasource and get the following error: "Uncaught TypeError: Cannot call method 'slice' of undefined".
I used the bar chart example from the Telerik demo's and changed the json to add some metadata for the chart.

My json looks like this:

[
    {
        "chartitems": [
            {
                "high": 50,
                "index": 0,
                "low": 180,
                "medium": -34,
                "name": "Building 0"
            },
            {
                "high": 45,
                "index": 1,
                "low": 145,
                "medium": 22,
                "name": "Building 1"
            },
        "Title": "test",
        "LegendPosition": "top"
    }
]

My datasource looks like this:

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "data/chart.json",
            dataType: "json"
        }
    },
    schema: {
        data: "chartitems"
    }
});

and I'm creating the chart like this:

            var bar = $("#chart").kendoChart({

                dataSource: dataSource,
                categoryAxis: {
                    field: "name"
                },
                series: [{
                    name: "Medium",
                    field: "medium"
                },
                {
                    name: "Low",
                    field: "low"
                }]
});

...

I got this to work using the Kendo example with the "flat" json file but I'm trying to add some metadata to the json so the bar chart can be formatted with title, legend position, etc.

[Hristo Germanov]

Hi Erik,

The problem in your case is that you have array with object. If you specify a schema.data the datasource will require an object instead of array. In other words your data should look like this:

{
    "chartitems": [
        {
            "high": 50,
            "index": 0,
            "low": 180,
            "medium": -34,
            "name": "Building 0"
        },
        {
            "high": 45,
            "index": 1,
            "low": 145,
            "medium": 22,
            "name": "Building 1"
        }],
    "Title": "test",
    "LegendPosition": "top"
}

In this case I will try to return an readable javascript error but this will be available for the next official release of Kendo UI.

Regards,
Hristo Germanov
Telerik

 

 

[Erik]

Ah, ok. I was not aware of this. 
Thanks, that works.

[Erik]

Hi Hristo,

I'm now getting data from a webservice in jsonp format.
The graph IS displayed but I see this 'slice' of undefined error again in my console log. 
What can this be and how can I figure out what is going on?

[Hristo Germanov]

Hi Erik,

I am not sure what could be the problem. Could you please give me a sample project or the output of your data? Thus I will be able to help you.

Regards,
Hristo Germanov
Telerik