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

Adding Lines dynamically kendo Line Chart

1 Answer 141 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Suneeth
Top achievements
Rank 1
Suneeth asked on 09 Sep 2013, 03:07 PM
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 
}
)

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 10 Sep 2013, 10:46 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Suneeth
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or