Setting Flash Animations for Charts

Application Scenario

In some cases, you want to highlight certain special data points, for example, displaying the maximum and minimum values of a series. By setting different colors and flash animations, you can quickly spot special data points.

The following figure shows the effect.

Implementation Method

You can add conditions and set the Color and Flash Animation attributes of each condition under Special Effect > Condition Display.

Data Preparation

This example uses the completed template in Line Chart. Open the template.

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\LineChart\Line Chart.cpt.

Condition Attribute Setting

1. Maximum Value Setting

(1). Select the cell where the chart is located, choose Cell Element > Special Effect > Condition Display, and add a condition attribute. Double-click Condition Attribute1 to rename the attribute as Max Value and click  to open the editing box.

(2). Select Color in Attribute and set Color to green.

(3). Select Flash Animation. (The default motion cycle is 2.56 seconds.)

Note:

No animation effect exists when the motion cycle is set to 0 seconds. The default cycles of different types of charts are different.

(4). Add the condition Value Equal to 'MAX(Sales.select(Sales))'. Click Add after completing the setting.

Note:

1. Max in the formula is used to filter the maximum value and tablename.select is used to retrieve the Sales field from the Sales dataset.                                                                                                                              2. You can also use Max(VALUE(Sales,2)).

2. Minimum Value Setting

When setting the minimum value, you can copy Max Value and make modifications.

(1). Select Max Value and click the Copy icon. The name of the copied condition attribute is CopyOfMax Value, as shown in the following figure. 

(2). Double-click CopyOfMax Value to rename it Min Value and click  to open the editing box.

(3). Modify Color to red.

(4). Modify the condition to Value Equal to 'MIN(Sales.select(Sales))'. Min() is used to filter the minimum value. Finally, click Modify to apply the changes.

Note:

Similar to the maximum value, the minimum value can also be obtained by MIN(VALUE(Sales,2)).

Effect Display

1. PC

Save the report and click Pagination Preview. The effect is the same as in section "Application Scenario."

2. Mobile Terminal

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

The completed template can be found in: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\LineChart\Flashing Line Chart for Max and Min Values.cpt

For details, you can download the template: Flashing Line Chart for Max and Min Values.cpt