Getting Started with Report Charts

Now, let's create a Timeseries Chart using Tag History data.

Creating a Data Source

1. In the Data tab, under Parameters and Data Sources, click the plus  button to add a data source. Select Tag Historian Query.  
   
   
   
   
2. Under the Available Historical Tags column, open the folder structure until you locate your Tags. As mentioned above, we are using the Programmable Device Simulator and loaded the Generic program.  so we will select the 'generic' folder in this example. Here you'll find a bunch of Tags you can use immediately. Expand the Sine folder.
3. Select a few of the Tags (i.,e. sine0, sine1, sine2) and drag them to the Selected Historical Tags column under Tag Path. Take a look at the properties down at the bottom. Set the Data Range property to Historical, and the Aggregation Mode to Time-weighted Average.
   
   

Adding a Chart

1. Now switch over to the Design panel. Drag a Timeseries Chart from the Report Design Palette into the report and expand it.  
2. From the Key Browser, expand the Datasources folder, and drag your datasource (i.e., tag_history) down to the Data Key under the Chart Options tab of the Property Inspector.
3. Select Test1 and Test2 pens and delete them by selecting each pen individually, and then clicking the Trash Can icon .
4. Once the Data Key is correct, you can assign pens to your chart. Drag in your Keys (i.e., sine0, sine1, sine2) to the Pens property table. You'll immediately notice your chart is populated with fake data, this is just a preview and does not represent the data returned by your data source.
   
   
   
   
   
5. You can modify a selected pen by clicking the Edit  button or double clicking the pen to open the Edit Pen tab. Here you can change the name of the pen, change the pen style, color, and more. Let's change the color of the pens to make them really stand out.
   1. Lets start with the sine0 pen.
      
      1. Set the Color to be red.
      2. To return to the Chart Options tab, click the double arrow button.
   2. Repeat the above steps for the remaining two pens, making sine1 green, and sine2 dark blue.
      
      
      
      
      
6. Go to the Preview tab to view the Timeseries Chart in the report. 
   
   
   
   

Adding an Axis

Unfortunately, it is a little difficult to see the small changes in our sine0 pen because its range is much smaller than the other pens. Let's fix this by adding a new axis.

1. Go back to the Design tab and select the chart. Click the Plusbutton next to the Axes table to add a new axis, then click the Edit  button below it to edit our new Axis.
   1. Give it a name of Sine 0 axis
   2. Give it a Label of Value for Sine0
   3. Change the position to right so that it shows up on the right side of the chart.
   4. We can leave Auto Range turned on, so that it will automatically pick the appropriate min and max for the sine0 pen.
   5. Return to the Chart Options tab by clicking the double arrow  button.
      
      
      
      
      
2. We now need to tell our sine0 pen to use that new axis. Select the sine0 pen from the pens list and click the Edit  button. Change the Axis of the pen to be the pen we just created.
3. Navigate to the Preview tab to view our finished chart.