Radar Chart

  • Last update:January 10, 2025
  • Overview

    Version

    Report Server Version

    11.0

    Application Scenario

    The radar charts, also known as the spider web chart, map data on multiple dimensions on coordinate axes that start from the same center of circle and end at the edge of the circle, and the points of the same group are connected with lines.

    The radar chart can intuitively display multidimensional datasets and allows you to examine which variables have similar values and whether there are outliers between variables. The radar chart can also be used to view which variables have higher or lower scores within a dataset. Therefore, the chart is suitable for displaying performance.

    Chart Feature

    Advantage: The radar chart is suitable for displaying multiple key features of a dataset, comparing the features with standard values, and comparing the values of data on multiple dimensions.

    Disadvantage: The radar chart contains a limited number of polygons, generally four to eight, and the number of records for comparison should not be too large. Although there are grid lines for reference, it is still difficult to intuitively compare the specific value of the variables within the chart, for the radial distance is difficult to judge.

    iconNote:
    The polar angle and polar axis of the radar chart are explained in the following figure.

     image 14.png

    Attribute Description

    Type

    After inserting a radar chart, you can freely select the subtype in Type on the right attribute panel, as shown in the following figure.

    image 15.png

    Data

    For details about binding data in the radar chart, see Chart Data.

    Style

    For details about the style design of the radar chart, see Chart Style.

    1. The series settings of Radar Chart under Style > Series are different from the basic style and are introduced separately:

    • Color Scheme: You can switch the color scheme of the radar chart area. Currently, eight color schemes are available.

    • Shape: You can switch the edge outline of the radar chart. Currently, you can select Circle or Polygonal.

    • Line Style: You can select the thickness of the boundary line of the radar chart.

    • Null Value Break: When it is enabled, if there is no data for a category, a break will appear in the entire graph outline. When it is disabled, the two nearest data points on either side of the null value will be concatenated into a complete line.

    • Point Style: You can select General or Custom. Custom allows you to upload images, while General allows you to set TypeFill Color, Radius, and others.

    • Type: Currently, 9 types are available for the style of data points of the radar chart.

    • Fill Color: You can select Series Color or Color for the fill color of the data points on the radar chart.

    • Radius: You can control the size of the data points on the radar chart, with a step size of 0.5.

    • Fill Color: You can select Series Color or Color for the fill color of the data area on the radar chart.

    • Opacity: The transparency of the radar chart data area can be set from 0 to 100%.

     image 16.png

    2. The setting in Style > Axis > Polar Angle of the radar chart is different from the basic style and will be introduced separately:

    • Axis Label: You can control the display or hiding of values for the polar axis categories.

    • Character: You can set the label font, size, color, tilt, and boldness.

    • Text Rotation: You can control the rotation direction of axis labels from -90 to 90.

    • Label Gap: The interval between polar axis labels can be set to Auto or Fixed(a fixed value).

    • Type: You can set the thickness of the polar axis lines.

    • Color: You can set the color of the polar axis lines, defaulting to gray.

    • Axis Label Format: You can set the format of the polar axis labels to Common or Custom.

    image 17.png

    3. The setting in Style > Axis > Polar Axis of the radar chart is different from the basic style and will be introduced separately:

    • Axis Label: You can control the display or hiding of values for the radial axis categories.

    • Value Definition: You can select Unified Calculation or Separate Specification. Unified Calculation allows you to set Custom Minimum Value, Custom Maximum Value, Custom Main Unit, and Custom Log Base. Separate Specification allows you to select Dataset and set Max Value and Min Value for Category.

    • Custom Minimum Value: You can control the minimum length of Polar Axis.

    • Custom Maximum Value: You can control the maximum length of Polar Axis.

    • Custom Main Unit: You can control the scale values of Polar Axis which can be configured with formulas.

    • Custom Log Base: You can control the variation of scale values onPolar Axis. For example, if 10 is selected, the axis scale will be like 1, 10, 100, 1000.

    • Type: You can set the thickness of the lines of Polar Axis.

    • Color: You can set the line color of Polar Axis, defaulting to gray.

    • Axis Label Format: You can set the format of Polar Axis labels to Common or Custom. 

    image 18.png

    Special Effect

    For details about the Special Effect settings of the radar chart, see Special Effect.

    Example

    Data Preparation

    Create a general report and create a data query named ds1. The SQL statement is as follows:

    SELECT Product.Category_name, Inventory_quantity, Order_quantity, Re_order_quantity FROM Product, Category

    WHERE Product.CategoryID = Category.CategoryID AND Product.Category_name != 'Daily necessities'

    ORDER BY Product.Category_Name.

    image 21.png

    Chart Insertion

    Merge required cells, select the merged cell, click the Insert Chart icon on the upper toolbar, select Radar Chart, and click OK, as shown in the following figure.

    image 22.png

    Chart Design

    Select the chart, click the Cell Element icon on the right property panel, and set the attributes (Type, Data, Style, and Special Effect) for the chart.

    Data Binding

    Click Data and bind required data to the chart, as shown in the following figure.

    image 23.png

    Style Setting

    1. You need to modify the title of the radar chart. To set the polar axis label not to be displayed, you can choose Style > Axis > Polar Axis, set Axis Label to Hide, and retain the default settings of other items.

    2. Deselect all the items under Special Effect > Toolbar > Content, as shown in the following figure.

    image 26.png

    Effect Display

    PC

    Save the template and click Pagination Preview. The following figure shows the effect.

    image 27.png

    Mobile Terminal

    The report can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the effect.

     f23b39d76816f74426ecc5fdf3201f9.jpg

    Template Download

    For details, you can download the template Radar Chart.cpt.

    Attachment List


    Theme: Chart
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    9s后關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy