Adding Lines dynamically kendo Line Chart

[Suneeth]

Hi,

I am trying to use Kendo Line Chart for my application and I want to know how i can add Lines dynamically I am using ASP.NET MVC (Razor).

So far this is what I have

@(Html.Kendo().Chart(Model.colorCart)
.Name("chart")
.Title("15°")

.Legend(legend => legend
.Position(ChartLegendPosition.Left)

)
.ChartArea(chartArea => chartArea
.Background("transparent")
)

.Series(
series =>
{
series.Line(l => l.Std_values).Name("Std"); //To be added dynamically 
series.Line(l => l.Start_values).Name("Start"); //To be added dynamically 
series.Line(l => l.Pred_values).Name("Pred"); //To be added dynamically 
series.Line(l => l.End_values).Name("End"); //To be added dynamically 
series.Line(l => l.Select_values).Name("Select"); //To be added dynamically 
}
)

[Iliana Dyankova]

Hello Suneeth,

I am afraid your scenario is not supported out-of-the-box by Kendo UI Chart. As a possible workaround I can suggest adding new series via chart.options and recreate the chart:

//get reference to the Chart widget
var chart = $("#chart").data("kendoChart");
//create and push new series
chart.options.series.push({name: "newSeries", field: "someField", type: "line"});
//refresh the Chart
chart.refresh();

Regards,
Iliana Nikolova
Telerik