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

JSON data binding very basic

1 Answer 217 Views

Charts

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

Safak asked on 03 May 2012, 03:07 PM

Hi , I am totally new user of kendo but i cant even bind the data yet please give me some solutions :

<!DOCTYPE html>

<html>

<head>

<script src="jquery.min.js"></script>

<script src="kendo.dataviz.min.js"></script>

<script src="console.js"></script>

<link href="kendo.dataviz.min.css" rel="stylesheet" />

</head>

<body>

<div id="example" class="k-content">

<div class="chart-wrapper">

<div id="chart"></div>

</div>

<script>

function createChart() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "deneme.json",

dataType: "json",

contentType: "application/json; charset=utf-8"

}

});

$("#chart").kendoChart({

dataSource: dataSource,

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

legend: {

position: "top",

},

chartArea: {

background: "",

},

series: [{

field: "value",

}],

categoryAxis: {

field: "year",

}

});

}

</script>

</div>

</body>

</html

>











JSON FILE : 



[ { "year": "2000", "value": 200 }, 

  { "year": "2001", "value": 450 }, 

  { "year": "2002", "value": 300 }, 

  { "year": "2003", "value": 125 },

]









They all in same directory.... 





Thanks

King regards

JSON data binding very basic

1 Answer, 1 is accepted