The FlowWorks Blog

New Feature! Clipboard Pasting

Staff from the City of Ottawa suggested we add a simple button to save a copy of the current graph to the Windows clipboard.  Use this icon: copy to clipboard icon at the top of the graphing engine.

After you press the copy to clipboard icon button, you can simply paste a copy of the graph into Word, Excel, email, or any other document that can work with images.  Thanks Ottawa!

Basic Graphing

Watch the following video for a brief introduction to the graphing engine. Step-by-step instructions are included below the video.

Get the Flash Player to see this player.

Once you have logged in and selected ‘Graphing’ in ‘My Network’ you will see the Graphing Quick Start menu in the center and a list of stations on the left window.

Graphing Tool

 

Steps for Basic Graphing

  1. Select a Station(s)
  2. Select Measurement(s)
  3. Select Date Range
  4. Plot Data
  5. Add More Data
  6. Zoom In
  7. Zoom Out
  8. Data Table
  9. New Graph

To make a graph

1. Select Station(s)

Select a station from the ‘Data Selection’ window on the left side of the screen in the ‘Graphing’ window. For this example we will select the station Demo Hydrometric.

Station Selection

2. Select Measurement(s)

Select the measurements you want to graph for that station. You can also plot measurements from different stations on the same graph simply by selecting them following the same steps. For this example select ‘Flow’ and ‘Rain’ from the Demo Hydrometric –Metric station.

Measurement Selection

3. Select Date Range

Select the date range you would like graphed. This can be done either by using the ‘Select a date range’ drop down menu to select a preset range such as ‘Last 7 Days

Date Range Selection Drop Down Menu

OR

Customize the date range by using the ‘From’ and ‘To’ calendars to selects the dates.

Date Range Selection Caldenar

For this example customize the date range from January 1, 2009 to February 1, 2009. You can either scroll through the monthly calendars by clicking on the small arrows on the top left and right corners of the calendars or you can click on the month and year to select the desired dates.

Monthly Calendar Scrol Option

OR

Annual Calendar Scrol Option  

4. Plot Data

Once you have selected the station(s), measurement(s) and date range, click on ‘Plot Data’ and a graph should appear showing the data, flow on the bottom x-axis and the rain on the top x-axis for our example.

Data Plot

5. Add More Data

As previously mentioned, you can add more data from the current selected station or from another station. For this example add the ‘Pipe Level’ from a different station by going back to the ‘Data Selection’ window and opening up the ‘Demo Sanitary-Metric’ station, selecting ‘Pipe Level’ and then clicking on ‘Plot Data’. A graph showing the originally selected ‘Flow’ and ‘Rain’ plus the new ‘Pipe Level’ data will be in the graph.

Adding Additional Measurements

6. Zoom In

You can zoom in on data of interest by clicking and dragging the mouse over the data of interest. For this example we are zooming in on a storm event.

Zooming In

Once you have zoomed in the graph should look similar to the one below.

Zoomed In View

You can scroll right and left at this zoom by dragging the scroll bar at the bottom of the graph and when available you can scroll up and down using the scroll bar on the right of the graph.

Scrolling Zoomed In View

7. Undo Zoom

You can undo the zoom to return to the original view of the graph by clicking on the ‘Undo Zoom’ button on the top of the graph.

Undo Zoom

8. Data Table

By moving the mouse bar over the graph, the corresponding data is displayed in the data table below the graph.

Data Table

9. New Graph

When you are done with the graph you have created you can begin creating a new graph by clicking on the ‘Reset’ button on near the bottom left side of the screen.

New Graph

Axis and Scaling

 Watch the following video to understand how to set axis and scaling options.
Get the Flash Player to see this player.

Axis and Scaling

There are axis and scaling options that allow a user to make modifications.  The axis can be set to :

  1. Single Axis
  2. Stacked Axis
  3. Overlapped Axis

In the example below the ‘Pipe Level’ and ‘Flow’ are plotted against the same y-axis.  The one y-axis is not sufficient because the ‘Flow’ data is being squished at the bottom of the graph making it difficult to see any detail.

Single Axis Data Graph

 

1.   Single Axis

Start by clicking on the ‘Axis & Scaling’ button on the top menu.

Axis & Scaling Tool

The default setting is the ‘Single Axis’.

Axis Options

 

2.   Stacked Vertically Axis

Select ‘Stacked vertically’ and leave the ‘Auto’ setting and click on ‘Replot Data’.

Stacked Vertically Axis Option

Now you can see each parameter on its own y-axis.

Stacked Vertically Data Graph

You are still able to zoom in on the data.  You can zoom in on one measurement…

Zoom In On One Parameter

…or you can zoom in on all of the measurements using the same techniques shown in the Basic Graphing Instructions and zoom out by clicking on ‘Undo Zoom’.

Undo Zoom

 

3.   Overlapped Axis

The separate y-axis can also be overlapped. Click on ‘Axis & Scalling’ and select ‘Overlapped’ and click ‘Replot Data’.

Overlapped Axis Option

The graph will now have all three parameters overlapping but with separate y-axis.

Overlapped Axis Data Graph

This may be difficult to look at for a large data set but if you zoom in it may be useful for looking at detailed events.  For this example we will turn off the rainfall parameter by un-clicking ‘Rain’ on the left menu, and then we will zoom in on a storm event.  Remember that you can also pan through the data at this zoom by dragging the scroll button on the bottom of the graph.  Click ‘Undo Zoom’ when you want to return to the normal view.

Zoom In

 

Scaling

Each of the axis options also allows the user to modify the scaling of the axis.  For this example we will go back to the ‘Single Axis’ option in the ‘Axis & Scaling’ tool and re-add the rainfall.  We will then make the scale 0 to 50 by filling in the ‘Min’ and ‘Max’ options. Then click ‘Replot Data’.

Modified Scaling

You will also notice that in ‘Single Axis’ mode the rainfall will also be shown on top with a separate axis.