Radar Chart

Card

A card wraps a chart widget. A widget consists of card elements (card title, chart, card background, and card border) and chart elements.

Configuration

You can set the widget template and title.

Figure 4 Radar chart configuration

• Select template: Select a radar chart template. The options include "Multi group data" and "Single group data".
• Widget title
  • Title setting: Whether to display the widget title.
  • Content: Widget title.
  • Location selection: Title position, which can be left, center, or right.
  • Background color: Background color of the title.
  • Font: Font, size, and color of the title.
• Swiper: Whether to enable the swiper effect. After this function is enabled, you can set the rotation interval (no more than 24 seconds).

Graphic

A graphic is a specific graphical expression element that visualizes data in a widget, for example, a slice in a pie chart, a bar in a bar chart, a line or a kink point in a line chart.

Figure 5 Radar chart graphic

• Color: Color of the graphic.
• Unified configuration
  • Tagged graphics: Shape of labels, such as circle and rectangle.
  • Marker size: Size of labels.
  • Line width: Width of lines.
  • Polyline type: Polyline type, such as solid and dashed.
  • Show label: Whether to display data labels. If data labels are displayed, you can set their font, size, and color.
• Data Series
  • Series name: Default series name in the raw data. You can change the series name by configuring the display name.
  • Display name: Display name of the series in the chart.
  • Tagged graphics: Shape of labels, such as none, circle, rectangle, or round rectangle.
  • Marker size: Size of labels.
  • Polyline inflection point logo color: Color of kink points on polylines.
  • Polyline width: Width of polylines.
  • Polyline type: Polyline type, such as solid, dotted, and dashed.
  • Polyline opacity: Opacity of polylines.
  • Polyline color: Color of polylines.
  • Area fill style opacity: Opacity of area filling.
  • Area fill style color: Color of area filling.
  • Show label: Whether to display labels. If labels are displayed, you can set their font, color, and size.

Legend

A legend shows the dimensions in a multi-dimensional visualized graphic expression.

Figure 6 Radar chart legend

• Legend display: Whether to display the legend. The legend text content comes from the value of s in the data model.
• Legend selection mode: Displays single or multiple legends.
• Small icon: Shape of labels, such as circle, rectangle, and triangle.
• Legend arrangement: Layout of the legends, such as horizontal and vertical.
• Legend width: Width of the legend.
• Legend height: Height of the legend.
• Location selection: Display position of the legends, which can be left, right, and center.
• Legend interval: Space between legends.
• Font: Font, color, and size of labels. The legend text content comes from the value of s in the data model.
• Text style: Style of the label text, which can be normal, italic, and oblique.
• Legend type: If there are many legends, you can choose to display them in scrolling or normal mode.
• Page up button: Color of the page up button.
• The page turning button is not activated: Color of the page up button in unavailable state.
• Custom legend setting: After this function is enabled, you can adjust the display length of the legend name. By default, "Off" is selected, indicating that the entire legend name is displayed.

Tooltip

Tooltip (floating prompt) displays metrics of specific dimension nodes in a visualized chart widget.

Figure 7 Radar chart tooltip

• Tooltip display: After this function is enabled, the information is displayed when you place the cursor on a specific series during chart preview.
• Feature marker: Content in the tooltip box, such as series name, data name, and data value. Only one or two of them can be displayed.

Coordinate

You can set the style, color, position, and behavior of the coordinate system for a chart widget.

Figure 8 Radar chart coordinate

• Basic Information
  • Radius: Radius of the chart.
  • X-axis(%): X axis of the chart.
  • Y-axis(%): Y axis of the chart.
  • Drawing type: Shape of the chart, which can be a polygon or circle.
• Indicator name
  • Show name: Whether to display the name.
  • Text style: Style of the name, which can be normal, italic, and oblique.
  • Font: Font, size, and color of the name.
  • Distance between indicator name and indicator axis: Distance between the indicator name and axis.
• Number of axis divisions: Number of segments on the axis.
• Split line
  • Display axis: Whether to display dividing lines.
  • Color settings: Color of dividing lines. To add a new color, click Add Color Settings.
• Separating area
  • Display axis: Whether to display divided areas.
  • Color settings: Color of divided areas.
• Coordinate axis
  • Display axis: Whether to display the axis.
  • Axis color: Color of the axis.
• Data Series
  • Name: Name of the series.
  • Max number: Maximum value of the series.
  • Min number: Minimum value of the series.
  • Color: Color of the series.

Data

In the data settings, you can set the data source of the radar chart widget. For more information, see Data Access.

Interaction

In the interaction settings, you can configure the interaction between the radar chart and other widgets or pages. For details, see Interaction Configuration.