I have trouble with multiple series in chart with the MVC wrapper.
Any help would be great!
My razor
The result:
Any help would be great!
public class IncomeChartModel
{
public string Label { get; set; }
public List<
int
> Year { get; set; }
public List<
int
> Data { get; set; }
}
My razor
@{
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
});});