or
[{"released":"2007-06-29","posters":[{"image":{"type":"poster","size":"thumb","height":118,"width":92,"url":"http://cf2.imgobject.com/t/p/w92/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}},{"image":{"type":"poster","size":"w154","height":197,"width":154,"url":"http://cf2.imgobject.com/t/p/w154/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}},{"image":{"type":"poster","size":"cover","height":237,"width":185,"url":"http://cf2.imgobject.com/t/p/w185/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}},{"image":{"type":"poster","size":"w342","height":439,"width":342,"url":"http://cf2.imgobject.com/t/p/w342/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}},{"image":{"type":"poster","size":"mid","height":641,"width":500,"url":"http://cf2.imgobject.com/t/p/w500/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}},{"image":{"type":"poster","size":"original","height":854,"width":666,"url":"http://cf2.imgobject.com/t/p/original/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg","id":"4ea680f32c058837cb00c499"}}],"backdrops":[],"version":225,"last_modified_at":"2012-04-30 18:27:15 UTC"}]
<!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
models[0][Billable] | true |
models[0][Contract] | EK.03.29-30.2012.HollySprings.NC |
models[0][Date] | 2012-03-29 |
models[0][ID] | 2218 |
models[0][artistID] | 73 |
_createMasterGrid: function() {
$(this._renderTo).kendoGrid({
dataSource: this._masterDS,
sortable: true,
pageable: false,
navigatable: true,
filterable: true,
detailInit: $.proxy( function(e) { this._detailInit(e) }, this ),
columns: [
{ field: "BSROrder.Name", title: "BSROrder", width: 150 },
{ field: "_2", title: "Headcount", width: 250 },
{ field: "_6", title: "FTE", width: 100 },
{ field: "_7", title: "EmployeeName", width: 200},
{ field: "_10", title: "JobCode", width: 50 },
{ field: "_11", title: "JobTitle", width: 50 },
{ field: "_21", title: "JobTitle" }
]
});
return $(this._renderTo).data("kendoGrid");
},
_detailInit: function(e) {
$("<
div
/>").appendTo(e.detailCell).kendoGrid({
dataSource: this._createDetailDS(e),
scrollable: false,
sortable: true,
navigatable: true,
toolbar: ["create", "save", "cancel"],
columns: [
{ field: "BSROrder.Name", title: "BSROrder", width: 150 },
{ field: "_2", title: "Headcount", width: 250 },
{ field: "_6", title: "FTE", width: 100 },
{ field: "_7", title: "EmployeeName", width: 200},
{ field: "_10", title: "JobCode", width: 50 },
{ field: "_11", title: "JobTitle", width: 50 },
{ field: "_21", title: "JobTitle" }
]
});
},
_createDetailDS: function(e) {
var ds = new kendo.data.DataSource({
transport: {
read: {
url: this._url + "/BSROrders?BSROrder=MDX:[BSR Order].[" + e.data.BSROrder.ID + "].Children",
dataType: "json"
}
},
schema: {
data: "BSROrdersResponse.Results.RowSet.Rows",
model: {
id: "BSROrder.ID",
fields: {
"BSROrder.Name": { editable: true, type: "string" },
"_2": { editable: true, type: "string" },
"_6": { editable: true, type: "string" },
"_7": { editable: true, type: "string" },
"_10": { editable: true, type: "string" },
"_11": { editable: true, type: "string" },
"_21": { editable: true, type: "string" }
}
}
}
});
return ds;
}