The Power Chart collects and displays data based on the pens that have been configured on the chart. Users can add or remove pens from the chart, which in turn changes the underlying data. It is fully customizable in its appearance, from labels, colors, line widths, legend, scroll bars, text styles, and more.
The Power Chart utilizes functionality provided by the Tag Historian
module, and requires a Tag Historian license to function.
The Power Chart has a responsive design and a mobile-optimized display that is different than the standard display. It has a mobile breakpoint so it fits better on mobile devices. The mobile breakpoint is 750px, and is configurable on the 'config' property,
responsiveDesignWidth, which is described in the Property Table on this page. The chart can change how it's rendered when viewed on smaller devices. The image below shows how the Power Chart renders on a smaller device.
Aside from the trending area, the component features several additional areas that provide additional functionality. The diagram below identifies these areas on a standard device.
The Browse Tags panel allows you to browse for any available historical data, and add it to the chart. It is similar to the Designer's Tag Browser, but this tree reports any records that are accessible from the Tag Historian system, including tables provided by the DB Table Historian Provider. There are two ways to add Tags to the chart's display:
- Select any nodes (entries with the Tag icon), and click Add Selected Tags , which will add a pen to the chart that represents the node that was selected.
- Drag selected nodes onto the chart. You can select multiple items by using Ctrl-click. You'll see a prompt indicating how many Tags are selected, i.e., 4 Tags.)
If there's more than one plot in the chart configuration, you will be prompted to choose which plot to add the pen to.
This table shows each pen that's currently on the component, offers some aggregates based on the chart's current range, and provides some quick actions such as hiding the pen and changing it's color.
This panel allows users to add new objects to the chart, such as new axes and plots.