Add series dynamically

[Martinez]

Hi,
Please, Could you tell me how I can add series dynamically?

<%= Html.Telerik().Chart(Model)
    .Name("chart")
    .Series(series => {
            series.Bar(s => s.RepSales).Name("Representative Sales");
    })
    .CategoryAxis(axis => axis
        .Categories(s => s.DateString)
    )
%>

I wait for your comments, thanks.

[Hristo Germanov]

Hello Martinez,

Thank you for contacting us.

You need to hook up to "onLoad" client-side event and in this method you can modify the series of the chart.

<script type="text/javascript">
    function onLoad(e) {
        var chart = $("#chart").data("tChart");
        chart.options.series.push({ color: "red", data: [//your data here], name: "Custom", type: "bar" });
        chart.refresh();
    }
</script>

<%= Html.Telerik().Chart(Model)
    .Name("chart")
    .Series(series => {
            series.Bar(s => s.RepSales).Name("Representative Sales");
    })
    .CategoryAxis(axis => axis
        .Categories(s => s.DateString)
    )
    .ClientEvents(events => events.OnLoad("onLoad"))
%>

Greetings,
Hristo Germanov
the Telerik team

[Keith]

Hello Hristo,

This is great.  I'm looking to dynamically add and remove series from a chart, however, and while the push works well, I cannot seem to find any documentation on the removal of a series.  Is that possble via javascript as well?

Thanks so much.

Keith