or
var
params =
{
"date"
:
"2013-03-13T07:00:00.000Z"
,
"region"
:0,
"pageNumber"
:1,
"pageSize"
:10,
"sortBy"
:0,
"sortOrder"
:0
};
myDataSource.read(params),
if
(!that.options.serverPaging) {
delete
options.take;
delete
options.skip;
delete
options.page;
delete
options.pageSize;
}
public class IncomeChartModel
{
public string Label { get; set; }
public List<
int
> Year { get; set; }
public List<
int
> Data { get; set; }
}
@{
var kendo = Html.Kendo().Chart(Model.IncomeChart);
kendo.Title(
"Inkomen"
);
kendo.Name(
"IncomeChart"
);
kendo.CategoryAxis(axis => axis.Categories(model => model.Year));
kendo.SeriesDefaults(s => s.Area());
foreach
(var item
in
Model.IncomeChart)
{
var myItem = item;
kendo.Series(series => series.Area(model => myItem.Data).Name(myItem.Label)).AutoBind(
true
);
}
kendo.Render();
}
jQuery(
function
(){jQuery(
"#IncomeChart"
).kendoChart({
"title"
:{
"text"
:
"Inkomen"
},
"series"
:[{
"name"
:
"AOW"
,
"type"
:
"column"
,
"field"
:
"myItem.Data"
},{
"name"
:
"Brand New Day"
,
"type"
:
"column"
,
"field"
:
"myItem.Data"
}],
"categoryAxis"
:[{
"categories"
:[
"System.Collections.Generic.List`1[System.Int32]"
,
"System.Collections.Generic.List`1[System.Int32]"
]}],
"dataSource"
:{
"schema"
:{
"model"
:{
"fields"
:{
"Label"
:{
"type"
:
"string"
},
"Year"
:{
"type"
:
"object"
},
"Data"
:{
"type"
:
"object"
}}}},
"data"
:[{
"Label"
:
"AOW"
,
"Year"
:[2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025,2026,2027,2028,2029,2030,2031,2032,2033,2034,2035,2036,2037,2038,2039,2040,2041,2042,2043,2044,2045,2046,2047,2048,2049,2050,2051,2052,2053,2054,2055,2056,2057,2058,2059,2060,2061,2062,2063,2064,2065,2066,2067,2068,2069,2070,2071,2072,2073,2074],
"Data"
:[1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,1000,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]},{
"Label"
:
"Brand New Day"
,
"Year"
:[2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025,2026,2027,2028,2029,2030,2031,2032,2033,2034,2035,2036,2037,2038,2039,2040,2041,2042,2043,2044,2045,2046,2047,2048,2049,2050,2051,2052,2053,2054,2055,2056,2057,2058,2059,2060,2061,2062,2063,2064,2065,2066,2067,2068,2069,2070,2071,2072,2073,2074],
"Data"
:[25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000,25000]}]},
"autoBind"
:
true
});});
<
div
class
=
"k-widget k-upload"
>
<
div
class
=
"k-dropzone"
>
<
div
class
=
"k-button k-upload-button"
>
<
input
name
=
"photos"
id
=
"photos"
type
=
"file"
data-role
=
"upload"
autocomplete
=
"off"
class
=
""
>
<
span
>Select...</
span
>
</
div
>
<
em
>drop files here to upload</
em
>
</
div
>
</
div
>
function addCellClickEventListener() {
var grid = $('#grid').data('kendoGrid');
$(grid.tbody).on('click', "> tr:not(.k-grouping-row, .k-detail-row, .k-group-footer) ", function (e) {
popup(e);
});
}
function popup(e) {
var cell = e.target;
var ix = $(cell).index();
assert((ix != 0), "index must be greater than zero");
}
function assert(val, msg) {
if (!val) {
alert(msg);
return false;
}
return true;
}