.net Charting Gallery Sample

Gallery

Gallery > MathFunctionPlot

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

void Page_Load(Object sender,EventArgs e)
{
       // Demonstrates plotting a mathematical function. In this case, y = sin(x).

       Chart.TempDirectory = "temp";
       Chart.Debug = true;

       Chart.Type = ChartType.Combo;
       Chart.Size = "600x350";
       //Chart.Title = ".netCHARTING Sample";
       Chart.LegendBox.Position = LegendBoxPosition.ChartArea;

       // *DYNAMIC DATA NOTE*
       // This sample uses random data to populate the chart. To populate
       // a chart with database data see the following resources:
       // - Help File > Getting Started > Data Tutorials
       // - DataEngine Class in the help file
       // - Sample: features/DataEngine.aspx

       SeriesCollection mySC = getRandomData();

       // Add the random data.
       Chart.SeriesCollection.Add(mySC);

}

double mathFunction(double x)
{
       return Math.Sin(x);
}

SeriesCollection getRandomData()
{
       Series s = new Series("Series ");
       for(int b = 1; b < 100; b++)
       {

             Element e = new Element();
             e.YValue = mathFunction(b/10d);
             e.XValue = b/10d;
             s.Elements.Add(e);
       }
       return new SeriesCollection(s);
}

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>.netCHARTING Sample</title></head>
      <body>
            <div align="center">
                  <dotnet:Chart id="Chart" runat="server"/>
            </div>
      </body>
</html>

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

      Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
            ' Demonstrates plotting a mathematical function. In this case, y = sin(x).

            Chart.TempDirectory = "temp"
            Chart.Debug = True

            Chart.Type = ChartType.Combo
            Chart.Size = "600x350"
            'Chart.Title = ".netCHARTING Sample";
            Chart.LegendBox.Position = LegendBoxPosition.ChartArea

            ' *DYNAMIC DATA NOTE*
            ' This sample uses random data to populate the chart. To populate
            ' a chart with database data see the following resources:
            ' - Help File > Getting Started > Data Tutorials
            ' - DataEngine Class in the help file
            ' - Sample: features/DataEngine.aspx

            Dim mySC As SeriesCollection = getRandomData()

            ' Add the random data.
            Chart.SeriesCollection.Add(mySC)

      End Sub

      Function mathFunction(ByVal x As Double) As Double
            Return Math.Sin(x)
      End Function

      Function getRandomData() As SeriesCollection
            Dim s As Series = New Series("Series ")
            For b As Integer = 1 To 99

                  Dim e As Element = New Element()
                  e.YValue = mathFunction(b/10R)
                  e.XValue = b/10R
                  s.Elements.Add(e)
            Next b
            Return New SeriesCollection(s)
      End Function

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>.netCHARTING Sample</title></head>
      <body>
            <div align="center">
                  <dotnet:Chart id="Chart" runat="server"/>
            </div>
      </body>
</html>

JS Charting

Gallery