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

How do I clear/reset a chart

4 Answers 1061 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Steven
Top achievements
Rank 1
Steven asked on 16 Jul 2012, 04:08 PM
I have an html chart that I generate some series for based on whatever is selected in a combobox. How do I reset the chart when I have new data for it?

I pretty much add the series myself.

RadHtmlChart1.PlotArea.Series.Add(Task1Series);

RadHtmlChart1.PlotArea.Series.Add(Task1Trend);

RadHtmlChart1.PlotArea.Series.Add(Task2Series);

RadHtmlChart1.PlotArea.Series.Add(Task2Trend);

the other chart control has a clear() method, but I am not seeing it here.

RadHtmlChart1.PlotArea.Series.Clear(); doent seem to work either.

Thanks

4 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 17 Jul 2012, 04:53 AM
Hi Steven,

Following is the code that I tried to clear the series on a Button click. Clear method is working as expected at my end.

ASPX:
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server"></telerik:RadHtmlChart>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" />

C#:
protected void Page_Load(object sender, EventArgs e)
 {
   ColumnSeries series1 = new ColumnSeries();
   series1.Name = "IE";
   series1.Stacked = true;
   SeriesItem SeriesItem11 = new SeriesItem();
   SeriesItem11.YValue =0;
   SeriesItem SeriesItem12 = new SeriesItem();
   SeriesItem12.YValue = 0;
   SeriesItem SeriesItem13 = new SeriesItem();
   SeriesItem13.YValue = 48;
   SeriesItem SeriesItem14 = new SeriesItem();
   SeriesItem14.YValue = 41;
   SeriesItem SeriesItem15 = new SeriesItem();
   SeriesItem15.YValue = 34;
   series1.Items.Add(SeriesItem11);
   series1.Items.Add(SeriesItem12);
   series1.Items.Add(SeriesItem13);
   series1.Items.Add(SeriesItem14);
   series1.Items.Add(SeriesItem15);
   RadHtmlChart1.PlotArea.Series.Add(series1);
 }
protected void Button1_Click(object sender, EventArgs e)
 {
   RadHtmlChart1.PlotArea.Series.Clear();
 }

Please provide your code where I can replicate your problem locally if it doesn't helps.

Regards,
Princy.
0
Steven
Top achievements
Rank 1
answered on 17 Jul 2012, 04:10 PM
I figured it out, I also had to do a

 

RadHtmlChart1.PlotArea.XAxis.Items.Clear();

0
Qurat
Top achievements
Rank 1
answered on 25 Feb 2013, 07:46 AM
just simply add this line it will clear the previous data 
 PieChart1.PlotArea.Series[0].Items.Clear();
after that databind again to new value

regards
@nnu shah
Punjab lokh sujag
0
Rob
Top achievements
Rank 1
answered on 04 Aug 2013, 10:55 PM
This is what did it for me as well! Thanks for posting.  :)

RadHtmlChart1.PlotArea.XAxis.Items.Clear();
Tags
Chart (HTML5)
Asked by
Steven
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Steven
Top achievements
Rank 1
Qurat
Top achievements
Rank 1
Rob
Top achievements
Rank 1
Share this question
or