Spider Chart

Use spider charts to compare and analyze multiple data sets.

With the spider chart widget, you can:
  • Create visually appealing spider graphs.
  • Apply unique color coding for efficient comparison of data.
  • Analyze values that change over a period of time.
  • Use the resultant information for better decision-making.

The spider chart is available under INTEGRATION > CHARTS. When designing application pages, drag-and-drop GESpiderChart to a container.

The following list of properties are specific to this widget. For common properties, refer to Page Components.

Table 1. Spider Chart Properties
Property Description
Title Enter a title name for the spider chart. The title appears at runtime.
Font Color Select a font color for the spider chart text.
Line Color Select a line color for the spider chart axes.
Default Min Enter the minimum axis value.
  • This value is set as default.
  • Applies to all the available axes on the spider chart.
Default Max Enter the maximum axis value.
  • This value is set as default.
  • Applies to all the available axes on the spider chart.
Legend Select:
  • Bottom: Legend appears at the bottom of the chart.
  • Right: Legend appears on the right side of the chart.
  • None: Hides the legend.
Max-width Enter the maximum width the spider chart can occupy in an application.
Axis Labels Add items to create multiple axes in a spider chart. Enter the following information for each item (axis):
  • Label: A label name to identify the axis.
  • Alt. Min: Alternate minimum axis value if you want to override the default min value.
  • Alt. Max: Alternate maximum axis value if you want to override the default max value.
Series Add items to set up a data series for the spider chart.
  • Name: Enter a name for the data set.
  • Color: Select a line color for the data set.
  • Fill: If you select the check box, the data set area is filled with the series color.
  • Source Value: To get values for the data set, choose any of these options:
    • Query: Select a query to get output values from a data source.
    • Global: Select a global value that returns an array as output.
    • Manual: Enter semicolon separated values.
  • Reverse Sorting Order: This property applies to Historian REST queries only. It helps to reverse the query result set.
    • If you select the check box, the bottom record value is taken as input.
    • If you clear the check box, the top record value is taken as input.

Spider Chart at Runtime