Measurement Studio ASP.NET
Demonstration Gallery

 
Measurement Studio Home Page 
Welcome to the Measurement Studio ASP.NET Demonstration Gallery.  The Web links below take you to interactive Web pages where you can explore the rich functionality offered by Measurement Studio ASP.NET controls. 
Annotations
This example demonstrates point and range annotations, which are used to highlight regions of interest in the graph. The example has two range annotations, red and blue, which are used to highlight the low and high regions. The two point annotations are used to highlight the min and max points of the plot. Use the ArrowHead drop down to change the arrow head style of the point annotations and CaptionAlignment to change where the caption is placed relative to the point. Use CaptionXOffset and CaptionYOffset to move the caption. ShapeWidth and ShapeHeight change the size of the shape. Use ShapeVisible to change the shape visibility.
Auto Refresh
This example demonstrates a remote monitoring application that updates parts of the user interface on a timed interval. Set the switch to On to start charting new values. The slide will display the most recent values. The minimum, average, and maximum meters will display the minimum, average, and maximum values respectively for all of the data that is currently plotted in the graph. Up-level browsers will be updated without posting the page back to the server.
Axes
This example demonstrates axis scaling in the 2D graph. The Plot Data button plots a set of data to the graph. The radio buttons in each group box control the scaling on the specified axis. Set the radio button to AutoScale to automatically scale the respective axis based on the data plotted to the axis. Set the radio button to Manual to manually scale the axis. The numeric edit controls can be used to set the minimum and maximum values of the axis being scaled. The numeric edit controls only have an effect when the Manual radio button is checked.
Charting
This example demonstrates charting in the 2D graph. The drop down lists in the Charting Settings group box control the chart style of the axis. Set the charting mode to Scope Chart to scroll the axis like a scope. Set the charting mode to Strip Chart to scroll the axis to the most recent data value. Change the switch to Chart Vertically to chart data vertically instead of horizontally.
Complex Annotations
This example demonstrates the circle, phase/range, point, and range annotations used to highlight regions of interest in the Complex Graph. The example has two range annotations, red and blue, which are used to highlight the low and high regions. The circle annotation is used to highlight the circle around which the plot data is drawn. The phase/range annotation is used to highlight the lower portion of the circle. The two point annotations are used to highlight the minimum and maximum real values of the plot. Use the ArrowHead drop down to change the arrow head style of the annotations and CaptionAlignment to change where the caption is placed relative to. Use CaptionRealOffset and CaptionImaginaryOffset to move the caption. ArrowVisible, CaptionVisible, and Caption control the circle annotation caption. Use Magnitude to set the magnitude of the circle annotation. Use PhaseStart, PhaseRange, StartMagnitude, and Magnitude to control the shape of the phase/range annotation. ShapeWidth and ShapeHeight change the size of the point annotation shapes. Use ShapeVisible to change the point annotation shape visibility.
Complex Cursors
This example demonstrates cursors in the Complex Graph. The move previous and next buttons will move the cursor to the previous or next point in the plot, respectively. The real and imaginary position numeric edits will move the cursor directly to the specified position in the plot. The current index numeric edit will move the cursor directly to the specified index in the plot. Checking the label visible checkbox will make the cursor label visible. Checking the snap to plot checkbox will make the cursor snap to the associated plot.
Complex Waveform Plotting
This example demonstrates the plotting of a Complex Waveform on a Waveform Graph. You are able to plot real, imaginary, phase, or magnitude values of Complex Waveform Vs Timing information. You can also visualize the X data (Timing) and Y data (Real, Imaginary, Phase or Magnitude) that is plotted.
Cursors
This example demonstrates cursors in the 2D graph. The move previous and next buttons will move the cursor to the previous or next point in the plot, respectively. The x and y position numeric edits will move the cursor directly to the specified position in the plot. The current index numeric edit will move the cursor directly to the specified index in the plot. Checking the label visible checkbox will make the cursor label visible. Checking the snap to plot checkbox will make the cursor snap to the associated plot.
Custom Styles
This example demonstrates the extensibility features of the 2D Graph. The drop down lists can be used to select whether each feature is disabled, uses a standard value, or uses a custom value. The custom line style shades the plot line from red to blue. The custom point style demonstrates value-dependent point styles by overriding the PointStyle.IsValueDependent property. Checking the Large Points checkbox increases the width and height of the point. The custom border draws a flat, double-edged border around the 2D Graph.
Error Bands
This example demonstrates the error bands feature of the 2D Graph. The error mode drop down lists several example error data modes that can be applied to the graph.  The example data drop down determines whether the graph will display static data or will plot data using AutoRefresh.
Fill/Line-To-Base
This example demonstrates fill and line-to-base features of the graph. Use the FillColor drop down to change the fill color and the FillStyle drop down to change the fill style. The FillMode drop down allows you to show line, bins, and fills. LineColor is used to change the line color of the line-to-base lines, while LineStyle is used to change the line style of those lines. The BaseValue drop down controls where the fill and lines are drawn. The plot value of the BaseValue drop down allows the fill to draw to another plot.
Graph Extensibility
This example demonstrates the ability to extend and customize the 2D graph through pre-plot and post-plot drawing events. After some values have been generated, select a radio button to see the following three customizations: highlighting of the minimum and maximum value in the plot, highlighting the increasing and decreasing line segments of the plot, and highlighting the plot area background regions via custom pre-plot drawing.
Graph Interaction
This example demonstrates the interactive functionality of the 2D graph, including zooming around a point, zooming along the x axis, zooming along the y axis, zooming around a selected area of the graph, and interactively editing the range of the x and y axes.
Special Values
This example demonstrates plots handling data that contains NaN and +/- infinity values. This example also demonstrates legend extensibility by showing real-time plot previews in the legend items.
Update Panel and Timer
This example demonstrates a remote monitoring application that updates parts of the user interface on a timed interval using UpdatePanel and Timer Controls provided in .NET Framework 3.5. This example is same as the AutoRefresh example except that it uses the UpdatePanel and Timer Controls instead of AutoRefresh. Set the switch to On to start charting new values. The slide will display the most recent values. The minimum, average, and maximum meters will display the minimum, average, and maximum values respectively for all of the data that is currently plotted in the graph.
XY Graph
This example demonstrates the use of the ScatterGraph, which plots x and y data values allowing you to plot non-monotonically increasing data. In this example, you are able to plot circular, octagonal, polar, or spiral shapes. You can also visualize the x data and y data on their respective plots.