I am trying to figure out how to wire up the json values that are being returned from an mvc submit requested by a button to the datasource of a line plot. I have verified the data is being returned as a json array of objects[] with the scema {string seriesname, double[] xvalues, double[] yvalues}.  However, my call to createPlot(..) is only drawing the basic line plot WITHOUT my data.  Firebug is not reporting any errors and I confirmed the "plotdata" returned in the OnSuccess(..) method contains my json data.

Maybe I'm just being stupid or showing that I am inexperienced but I am hoping someone can point me in the right direction.

Thank you!
Marcus

    <script type="text/javascript">
        function OnSuccess(plotdata) {
            var localDataSource = new kendo.data.DataSource({
                data: plotdata,
                transport: {
                        read: {
                            url: ('@Url.Action("PlotData")'),
                            dataType: "json"
                        }
                    }
                });
            createPlot(localDataSource);
        }
        function createPlot(plotdata) {
            $("#myplot").kendoChart({
                theme: $(document).data("kendoSkin") || "default",
                seriesDefaults: {
                    type: "line"
                },
                dataSource: plotdata,
                series: [{
                    field: "yvalues"
                }],
                categoryAxis: {
                    field: "xvalues"
                },
            });
        }
    </script>

I'm a bit stumped as to what I may have missed in my code. I know that data is being returned from the web service, there are no errors setting the dataSource and the dataBound event fires, and yet I see no columns on the chart. If I hard code series data then it renders OK. Can anyone spot anything that's incorrect?

This is the Json data being returned ...

{
    "d": [
        {
            "location": " Garden (AUS)",
            "amount": "4661"
        },
        {
            "location": "Suites ",
            "amount": "1768"
        },
        {
            "location": "Marriot",
            "amount": "2292"
        },
        {
            "location": "Santa Rosa",
            "amount": "1616"
        },
        {
            "location": "W",
            "amount": "275"
        }
    ]
}

<script type="text/javascript">
 
                $(document).ready(function () {
                    setTimeout(function () {
                        // Initialize the chart with a delay to make sure
                        // the initial animation is visible
                        createChart();
 
                        $("#example").bind("kendo:skinChange", function (e) {
                            createChart();
                        });
                    }, 400);
 
                });
 
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "black",
                        dataSource: {
                            schema: {
                                data: "d",
                                model: {
                                    fields: {
                                        location: { type: "string" },
                                        amount: { type: "number" }
 
                                    }
                                }
                            },
 
                            transport: {
                                read: {
                                    type: "POST",
                                    url: "../WebServices/DashboardService.asmx/YTDRevenueByLocation?format=json",
                                    contentType: "application/json; charset=utf-8",
                                    data: {},
                                    dataType: "json"
                                }
                                
                            },
                            error: function (e) {
                                alert("Error fetching data from server");
                            },
                            change: function (e) {
                                //alert(data);
                            },
                            requestStart: function (e) {
                                // alert("Request Start");
                            }
                        },
                        title: {
                            text: "YTD Revenue By Location"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [
					{ name: "Totals", field: "amount" }
					],
                        categoryAxis: {
                            field: "location",
                            labels: {
                                rotation: -90
                            }
                        },
                        valueAxis: {
                            labels: {
                                format: "${0}"
                            },
                            majorUnit: 2000
                        },
                        tooltip: {
                            visible: true,
                            format: "${0}"
                        },
                        dataBound: function onDataBound(e) {
                            alert("Data is bound");
                        }
 
                    });
                }
 
 
 
 
    </script>

How can you add a treeview as a panel item using MVC wrappers?

@(Html.Kendo.PanelBar().Name("something").Items(panels => { panels.Add().Text(""). Content(Html.Kendo.TreeView())}

I want to add a default series of line to my graph, then add another scatter series to the same graph. Is this possible?

I have a couple of views, the first one has some items, like, for example - a select box. The 2nd has a listview that displays options. When the user clicks on an item in the listview, I want to load some data and put it in the items of the first view, and I then go to the 1st view with a navigate() function. So far, so good - it all works well, but sometimes, after the navigate - I get the select options (via the standard android select options selection popup) - as if the event of clicking on the listview item propagated to the new view I just navigated to.

How do I stop this behavior after the listview item was clicked?

Hi Kendo Team,

I am trying to hide the vertical gridlines (default light gray colored) in the Chart control but it is not working. It does work for majorGridLines though and I cannot find something similar for the vertical gridlines. Is this possible?

Thanks

I have a web page using a Kendo grid.  It was working fine with the full js file.  But to save space, I removed that file and added in the dependencies manually.  I used the documentation here: http://www.kendoui.com/documentation/javascript-dependencies.aspx.

The documentation appears incorrect.  I am not doing any editing nor sorting nor filtering.  I ended up with the following:

<script src="scripts/kendo.core.min.js"></script>
<script src="scripts/kendo.data.min.js"></script>
<script src="scripts/kendo.grid.min.js"></script>
<script src="scripts/kendo.pager.min.js"></script>
<script src="scripts/kendo.selectable.min.js"></script>

I received an error about resizing so I then included the following (incorrect docs?):

<script src="scripts/kendo.resizable.min.js"></script>

Now I just receive the error "undefined is not a function" from this last file.

Sorry if this is a duplicate, there does not appear to be a search function for the Kendo forums. 

How can I translate the boolean strings true / false to another lamguages like spanish Verdadero / Falso, or replacing for other strings like active / inactive?. I need to do this in the Kendo grid when editing boolean values.

How can I Implement Stacked header (kind of common header to few columns)? 
Thanks

Is it possible to show in the pager that you are looking at Page 1 of 100 etc.?