How to insert a Plotly Graph

This How-to contains the steps on how to create a Template Text Panel, containing a Line chart of a particular Grid Overlay, with calculated Area averages per timeframe using TQL. Plotly will be used to calculate the Line chart in javascript.

How to insert a Plotly Graph:

1. Open a project in the Editor with the Grid Overlay and Areas that can be identified by an attribute.
2. Hover over Panels in the ribbon bar and under Template Panels select Add Text Template.
3. With the Template Text Panel selected.
4. First select the Template tab and under Apply template on, select AREAS.
5. Optionally click on the Select button and select the identifier attribute.
6. Select the general tab.
7. Click on the enlarge button to open the text edit panel.
8. Click on the link named Insert TQL Plotly Graph.
9. Select the Grid Overlay you want to measure.
10. With the panel text content generated, click on close.
11. Click on the apply template button to create the child panels, one per Area
12. Hover over the Calculation panel in the ribbon bar and select Reset Excel X-Queries

• 
  Example content of a Template Text Panel
• 
  Maplink and Attribute configured in the Template tab
• 
  Panel content of a Water Level Area named Area (3).

Notes

• The generated content for a Text Panel depends on the Template Panel configuration (MapLink, Attribute)

See also

• TQL
• Template Panel
• Surface last value result type (Water Overlay)
• Area
• Plotly