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 either choose either Add Text Panel or Add Text Template.
3. Select the general tab.
4. Click on the enlarge button to open the text edit panel.
5. Click on the link named Insert TQL Plotly Graph.
6. Select the Grid Overlay you want to measure.
7. With the panel text content generated, click on close.

• 
  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

• In case a Template Panel is used, apply the template to generated the panel instances which you can inspect.
• 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