Graphic Property

Version

Application Scenario

When visualizing data, you want to use graphic properties (color, shape, size, etc.) of charts to express data intuitively. This can be achieved in FineBI through Graphic Property.

Function Description

1. You can set Color, Size, Label, Prompt, Fine-grained, and other properties of charts in Graphic Property.

2. When a chart has multiple indicators, All and indicator names will be displayed in Graphic Property.

The graphic properties set in All apply to all indicators, that is, the graphic properties apply to both Contract Amount and Received Amount.

The graphic properties set in Contract Amount only apply to Contract Amount, but do not apply to Received Amount.

Size is used to set the size of elements in a chart, such as pie charts (ring charts, general pie charts, and multi-indicator pie charts), rose charts, area charts (general area charts, range area charts, stacked area charts, and percentage stacked area charts), and gauges (multi-pointer gauges, percentage gauges, and test tube gauges).

Not Dragging Indicator Fields into Size

The following sections take a general column chart and a general line chart as examples for the introduction.

Column Chart

Click the Size setting button and adjust the value of Column Width and Rounded Corner for the column chart, as shown in the following figure.

Line Chart

Click the Size setting button and adjust the value of Line Width for the line chart, as shown in the following figure.

Dragging Indicator Fields into Size

Drag an indicator into the Size bar. (The size of the indicator values is mapped to the size of the chart elements.) The following sections take a multi-level pie chart and a bubble chart as examples for the introduction.

Multi-level Pie Chart

1. Drag the field Contract Amount into Graphic Property > Size (the larger the field value, the bigger the size of the pie slice), as shown in the following figure.

2. Click the Size setting button and set the values of Multi-Level Pie Chart (Yes/No), Radius Size, and Core (Filled/Hollow) in the pop-up setting box.

Bubble Chart

1. Drag the field Contract Amount in the left to-be-analyzed area into the Size bar, (the larger the field value, the bigger the size of the bubble, and it’s evident that the contract amount in 2016 is the largest.) as shown in the following figure.

2. Click the Size setting button and set the value of Radius for the bubble, as shown in the following figure.

The prompt property is the information displayed when you click a chart. All charts support this property.

Note: The default prompt displays the fields added to the analysis area and Graphic Property. You can drag the remaining fields into Prompt to add prompt content.

Taking a general column chart as an example, click the Prompt setting button and set the values of Content Format, Background Color, and Show All Tips Under Dimension, as shown in the following figure.

The following table describes each setting item.

Setting Content Format

Click the Prompt setting button, click the Content Format editing box in the pop-up setting box, select CustomStyle in the Edit Tip box, and select a field to perform custom settings, as shown in the following figure.

Note:

1. You can click the  icon in the upper right corner of the Edit Tip box to add fields already added to the analysis area and Graphic Property.

2. You can select the fields you want to display as prompt content in the Edit Tip box or delete the fields you do not want to display.

Setting Background Color

Click the Prompt setting button, click the Background Color setting box in the pop-up setting box, and set the background color to blue, as shown in the following figure.

Selecting Show All Tips Under Dimension

Normally Displaying Prompt Information

Click the Prompt setting button and select Show All Tips Under Dimension in the pop-up setting box, (All information, including the color of the column, is prompted under the dimension after you perform the setting.) as shown in the following figure.

Note:

At the time, Content Format cannot be edited.

 Including * in Prompt Content

Note:

When you drag a dimension field (not existing in Horizontal Axis or Vertical Axis) into Graphic Property, and if a value in the dragged dimension field is divided by an indicator field into finer granularity, then the tips corresponding to the value will be displayed as *.

1. Drag the field Payment Type in the left to-be-analyzed area into the Color bar, as shown in the following figure.

2. Click the Prompt setting button and select Show All Tips Under Dimension in the pop-up setting box, as shown in the following figure.

Note:

At the time, Content Format cannot be edited.

3. Click the drop-down button next to the field Contract Amount in Vertical Axis and select Enable Stacking from the drop-down list, as shown in the following figure.

Note:

This step is for you to understand the function, and can be ignored in actual operations.

4. The following figure shows that the value of year 2013 is not divided into finer granularity, so the prompt content displays normally, but the values of years 2012 and 2014 are divided into finer granularity, so the prompt content contains *.

Shape is used to set the shape of elements in a chart. It is only supported in scatter charts (scatter charts and multi-dimension scatter charts), bubble charts, and mini charts.

The following sections take a bubble chart as an example for the introduction.

Not Dragging Fields into Shape

Click the Shape setting button and modify the bubble shape, as shown in the following figure.

Dragging Dimension Fields into Shape

Drag the field Payment Type in the left to-be-analyzed area into the Shape bar, (Building on the previous color-based distinction of payment types, different types are also displayed as different shapes.) as shown in the following figure.

Dragging Indicator Fields into Shape

Drag the field Contract Amount in the left to-be-analyzed area into the Shape bar, (Building on the previous color-based distinction of contract amounts, different amounts are also displayed as different shapes.) as shown in the following figure.

Function Introduction

Connection is used to set the connection between elements in a chart. It is only supported in line charts (general line charts, partitioned line charts, multi-series line charts, and dimension comparison line charts), area charts (general area charts, range area charts, stacked area charts, and percentage stacked area charts), and radar charts.

Chart Type	Description
Line Chart	Convert to Radar Chart (unselected by default) Style (Polyline, Curve, and Vertical) Line Type (Dashed Line, Solid Line) Mark Point (Yes/No) Null Effect (Continuous, Disconnected, and Zero) Note: If you want to convert a line chart to a radar chart, you need at least one  dimension field and one indicator field, and you cannot have indicator fields in  Horizontal Axis and Vertical Axis at the same time.
Area Chart	Style (Polyline and Curve) Null Effect (Continuous, Disconnected, and Zero)
Radar Chart	Convert to Radar Chart (selected by default) Polar Axis (Round and Polygon) Line Type (Dashed Line, Solid Line) Mark Point (Yes/No)

Line Chart

Taking a general line chart as an example, the following figure shows the specific setting.

Area Chart

Taking a general area chart as an example, the following figure shows the specific setting.

Radar Chart

Radius is only supported in pie charts (ring pie charts, general pie charts, and multi-indicator pie charts) and rose charts. It refers to the size of the radius in pie charts (ring pie charts, general pie charts, and multi-indicator pie charts) and rose charts.

Pie Chart (Ring Chart, General Pie Chart, and Multi-Indicator Pie Chart)

Taking a general pie chart as an example, click the Radius setting button and set the values of Radius Size and Core, as shown in the following figure.

Note:

You can modify the value of Radius Size to adjust the size of the pie chart, and modify the value of Core to adjust the ring width (the size of internal diameter).

Rose Chart

1. Drag the field Contract Amount into Graphic Property > Radius, (Building on the previous color-based distinction of contract signing time and angle-based distinction of contract amounts, different contract amounts are displayed as different radius sizes in the chart.) as shown in the following figure.

2. Click the Radius setting button and set the values of Radius Sharing (Yes/No), Radius Size, and Core (Filled/Hollow), as shown in the following figure.

Note:

1. If you select Chart Type as Rose Chart and drag indicator fields into the Radius bar, No will be the default selection for Radius Sharing. If you select Yes, the rose chart will be converted to the general pie chart.

2. You can modify the value of Radius Size to adjust the size of the pie chart, and modify the value of Core to adjust the ring width (the size of internal diameter).

Angle is only supported in pie charts (ring pie charts, general pie charts, and multi-indicator pie charts) and rose charts. It refers to the arc size of each pie slice of pie charts (ring pie charts, general pie charts, and multi-indicator pie charts) and rose charts.

2. Drag an indicator field into the Angle bar. (The size of the indicator field value is mapped to the angle size.)

Taking a general pie chart as an example, drag the field Contract Amount in the left to-be-analyzed area into the Angle bar, (Different contract amounts are mapped to different angle sizes.) as shown in the following figure.

Note:

Version 6.0 of FineBI supports dragging multiple indicator fields into Angle. For details, see Multi-Indicator Pie Chart.

Thermal Color is only supported in heatmaps.

1. Drag the field Contract Amount in the left to-be-analyzed area into the Thermal Color bar, (The larger the amount, the redder the color) as shown in the following figure.

Note:

When you select Chart Type as Heatmap, the default selection for Gradient Solution in the Thermal Color setting box is Heat 2.

2. Click the Thermal Color setting button and set the values of Gradient Solution, Gradient Interval, and Opacity for the heatmap, as shown in the following figure.

Note:

When you click the Thermal Color setting button with no fields dragged into the Thermal Color bar, you can only set the values of Gradient Solution and Opacity.

Text is only supported in KPI cards, text charts, and word clouds. It refers to setting the text content and format displayed in a chart.

KPI Card

1. Drag the field Contract Amount in the left to-be-analyzed area into the Text bar. (The corresponding text will be displayed in the chart.)

2. Click the Text setting button and set the values of Content Format and Shape Condition, as shown in the following figure.

Note:

For details about setting Content Format and Shape Condition, see KPI Card.

Text Chart

1. Drag the field Contract Amount in the left to-be-analyzed area into the Text bar. (The corresponding text will be displayed in the chart.)

2. Click the Text setting button and set the values of Content Format, Fixed Font Size (selected by default), and Shape Condition, as shown in the following figure.

Note:

Content Format and Shape Condition in the text chart are identical to those in the KPI card.

Word Cloud

1. Drag the field Contract Type in the left to-be-analyzed area into the Text bar. (The corresponding text will be displayed in the chart.)

2. Click the Text setting button and set the values of Content Format and Fixed Font Size (selected by default), as shown in the following figure.

Note:

Content Format and Shape Condition in the word cloud are identical to those in the KPI card.

For details, see Chart Color.

For details, see Chart Label.

For details, see Chart Fine-grained Setting.

1. Pointer Value and Target Value are only supported in gauges. For details, see multi-pointer gauges, percentage gauges, and test tube gauges.
2. Start and End are only supported in sankey charts. For details, see Sankey Chart.