Gallery

Gallery > Ajax Interactivity

Image Zoomer Reload Period

Demonstrates using Ajax reload period.

Download Show C# Code Show VB Code

<%@ Page Language="C#" Description="dotnetCHARTING Component"%>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
void Page_Load(Object sender,EventArgs e)
{
Chart.Title = "This chart will refresh every 15 seconds with new data";

//Enable AJAX zoom / scroll / refresh control
Chart.Zoomer.Enabled = true;

//Disable section based rendering
Chart.Zoomer.UseSections = false;

//Set reload option
Chart.Zoomer.ReloadPeriod = new TimeSpan(0,0,15);
Chart.Zoomer.ReloadChart += ZoomerReloadChart;
Chart.LegendBox.Line.Color = Color.FromArgb(236, 236, 236);
Chart.LegendBox.Background.Color = Color.FromArgb(245,245,245);
Chart.TitleBox.Background.Color = Color.SteelBlue;
Chart.TitleBox.Background.ShadingEffectMode = ShadingEffectMode.Two;
Chart.TitleBox.Label.Color = Color.White;
Chart.TitleBox.Position = TitleBoxPosition.Full;
Chart.TitleBox.Label.Font =new Font("Tahoma", 9.5f, FontStyle.Bold);
Chart.Debug = true;
Chart.ShadingEffect = true;
Chart.ShadingEffectMode = ShadingEffectMode.Seven;
Chart.PaletteName = dotnetCHARTING.Palette.Bright;
Chart.DefaultElement.ShowValue=true;
Chart.Type = ChartType.Combo;
Chart.Size = "600x350";
Chart.TempDirectory="temp";
Chart.DefaultSeries.Type = SeriesType.Bar;

// Set the x axis label
Chart.ChartArea.XAxis.Label.Text="X Axis Label";

// Set the y axis label
Chart.ChartArea.YAxis.Label.Text="Y Axis Label";

// Add the random data.
Chart.SeriesCollection.Add(getRandomData(1));

message.Text = "This page was created at "+ DateTime.Now.ToString();
}
public static void ZoomerReloadChart(Chart chart)
{
SeriesCollection mySC = getRandomData(DateTime.Now.Millisecond);
chart.SeriesCollection.Clear();
chart.SeriesCollection.Add(mySC);
}
private static SeriesCollection getRandomData(int seed)
{
SeriesCollection SC = new SeriesCollection();
Random myR = new Random(seed);
for(int a = 1; a < 5; a++)
{
Series s = new Series();
s.Name = "Series " + a;
for(int b = 1; b < 6; b++)
{
Element e = new Element();
e.Name = "E " + b;
e.YValue = myR.Next(50);
s.Elements.Add(e);
}
SC.Add(s);
}

return SC;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Reload Period Sample</title></head>
<body>
<center>
<dotnet:Chart id="Chart" runat="server"/>
<asp:Label ID="message" Runat="server"/>
</center>
</body>
</html>

<%@ Page Language="vb" Description="dotnetCHARTING Component"%>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
Chart.Title = "This chart will refresh every 15 seconds with new data"

'Enable AJAX zoom / scroll / refresh control
Chart.Zoomer.Enabled = True

'Disable section based rendering
Chart.Zoomer.UseSections = False

'Set reload option
Chart.Zoomer.ReloadPeriod = New TimeSpan(0,0,15)
AddHandler Chart.Zoomer.ReloadChart, AddressOf ZoomerReloadChart
Chart.LegendBox.Line.Color = Color.FromArgb(236, 236, 236)
Chart.LegendBox.Background.Color = Color.FromArgb(245,245,245)
Chart.TitleBox.Background.Color = Color.SteelBlue
Chart.TitleBox.Background.ShadingEffectMode = ShadingEffectMode.Two
Chart.TitleBox.Label.Color = Color.White
Chart.TitleBox.Position = TitleBoxPosition.Full
Chart.TitleBox.Label.Font = New Font("Tahoma", 9.5f, FontStyle.Bold)
Chart.Debug = True
Chart.ShadingEffect = True
Chart.ShadingEffectMode = ShadingEffectMode.Seven
Chart.PaletteName = dotnetCHARTING.Palette.Bright
Chart.DefaultElement.ShowValue=True
Chart.Type = ChartType.Combo
Chart.Size = "600x350"
Chart.TempDirectory="temp"
Chart.DefaultSeries.Type = SeriesType.Bar

' Set the x axis label
Chart.ChartArea.XAxis.Label.Text="X Axis Label"

' Set the y axis label
Chart.ChartArea.YAxis.Label.Text="Y Axis Label"

' Add the random data.
Chart.SeriesCollection.Add(getRandomData(1))

message.Text = "This page was created at " & DateTime.Now.ToString()
End Sub
Public Shared Sub ZoomerReloadChart(ByVal chart As Chart)
Dim mySC As SeriesCollection = getRandomData(DateTime.Now.Millisecond)
chart.SeriesCollection.Clear()
chart.SeriesCollection.Add(mySC)
End Sub
Private Shared Function getRandomData(ByVal seed As Integer) As SeriesCollection
Dim SC As SeriesCollection = New SeriesCollection()
Dim myR As Random = New Random(seed)
For a As Integer = 1 To 4
Dim s As Series = New Series()
s.Name = "Series " & a
For b As Integer = 1 To 5
Dim e As Element = New Element()
e.Name = "E " & b
e.YValue = myR.Next(50)
s.Elements.Add(e)
Next b
SC.Add(s)
Next a

Return SC
End Function
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Reload Period Sample</title></head>
<body>
<center>
<dotnet:Chart id="Chart" runat="server"/>
<asp:Label ID="message" Runat="server"/>
</center>
</body>
</html>

Sample FilenameImageZoomerReloadPeriod.aspx
Version5.0
Uses DatabaseNo

JS Charting

Gallery

Image Zoomer Reload Period