This is a migrated thread and some comments may be shown as answers.

JSON chart

6 Answers 613 Views

Data Source

This is a migrated thread and some comments may be shown as answers.

Mattias asked on 29 Sep 2011, 10:03 AM

Hi, Im trying to bind a chart with json, but I cant get it to work.
Here is how the json looks like.

{"d":{"__type":"test.PersonSearchSummary","TotalSearches":300,"Hits":250,"Alternates":30,"Misses":20}}

Here is how i try to create the chart

function createChart() {
                    $("#chart").kendoChart({
                        theme: "kendo",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column",
                            stack: true
 
                        },
                        dataSource: {
                            transport: {
                            read: {
                            type: "POST",
                                contentType: "application/json; charset=utf-8",
                                url: "Default.aspx/GetPersonSearchData",
                                    dataType: "json"
                                }
                            }
                        },
 
                        series: [{
                            name: "PersonSearch",
                            field: "TotalSearches"
                            
                        }, {
                            name: "United States",
                            field: "Hits"
                            
}],
                            valueAxis: {
                            majorUnit: 1000
 
                            },
                            categoryAxis: {
                            field: "test.PersonSearchSummary"
                            },
                            tooltip: {
                                visible: true,
                                format: "{0}%"
                            }
                        });
                    }
 
                    $(document).ready(function() {
                        createChart();
 
                        $(document).bind("kendo:skinChange", function(e) {
                            createChart();
                        });
                    });

6 Answers, 1 is accepted

answered on 18 Oct 2011, 07:11 AM

Hi
Im facing the issue as mentioned..

I used jQuery.getJSON("ControllerName/MethodName",function (data){

$("#projectStateChart").kendoChart({

theme: "black",

title: { text: "" },

legend: { position: "right" },

dataSource: { data: ds.SummaryDataSource },

series: [{ type: "pie", field: "Count", categoryField: "State", startAngle: 160, padding: 0 }]

}).data("kendoChart");

}

In my controller method i have
Public ActionResult MethodName()
{
return JSON(ModelClass.MyData);

}

The controller method gets fired but i don see any graph coming up..

Please help Telerik Team