Display XML data in a chart

[Maurizio]

Hi, 

I'm new to Kendo. I'm trying to make a graph from xml data.
This is a sample of the xml file I have:

<ArrayOfData xmlns="http://schemas.example.org/DataModels" xmlns:i="http://www.w3.org/2001/XMLSchema-instance">

    <SustainabilityObservationSummaryData>

        <DateTime>1318204800</DateTime>

        <Value>11.5714283</Value>

    </SustainabilityObservationSummaryData>

    <SustainabilityObservationSummaryData>

        <DateTime>1318208400</DateTime>

        <Value>10.8461542</Value>

    </SustainabilityObservationSummaryData>

</ArrayOfSustainabilityObservationSummaryData>

And this is the js I wrote:

function createChart() {

    $("#chart_wrapper").kendoChart({

        theme: $(document).data("kendoSkin") || "kendo",

        dataSource: {

            transport: {

                read: {

                    url: "data.json",

                    dataType: "json"

                }

            }

        },

        title: {

            text: "Spain electricity production (GWh)"

        },

        legend: {

            position: "top"

        },

        seriesDefaults: {

            type: "line"

        },

        series:

        [{

            field: "DateTime",

            name: "Date and Time"

        },

        {

            field: "Value",

            name: "Value"

        }

        ],

        categoryAxis: {

            field: "DateTime",

            labels: {

                rotation: -90

            }

        },

        valueAxis: {

            labels: {

                format: "{0:N0}"

            },

            majorUnit: 5

        },

        tooltip: {

            visible: true,

            format: "{0:N0}"

        }

    });

}

 

$(document).ready(function() {

    createChart();

 

    $(document).bind("kendo:skinChange", function(e) {

        createChart();

    });

});

I get this error from Firebug: f is undefined

What's the problem?

Thanks.