Animation of Chart control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Overview
Implementation
Animating a Chart control
Modifying or deleting the animation by programming

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Animation of Chart control

Overview

The animation of the Chart control allows you to propose a dynamic display in your applications.

For example, during the first display of a Column chart, each bar seems to fly out from the X axis. The animation is also performed when a value is modified.

The animation of the Chart control is defined in the editor, in the "Details" tab of the control description window.

Versions 20 and later

This feature is now available for android applications.

New in version 20

This feature is now available for android applications.

Implementation

Animating a Chart control

To animate a Chart control:

Open the Chart control description window.
In the "Details" tab:
- In "Animations", check "Enable animations".
Validate the control description window.

Remarks:

This option is available for the following types of charts:
- Area, Bubble, Line, Donut, Column, Pie.
The animation performed on the Chart controls depends on the type of chart displayed. This animation cannot be configured.
By default, the animation of a Chart control lasts 30 milliseconds.
If a Chart control is animated, the animation will also be performed when the chart is drawn further to a change of value (grDraw).
grDraw is not a locking function. If he chart is drawn with an animation, the function will give control back as soon as the animation starts. Therefore, if several charts are drawn in the same window, the controls can be animated simultaneously.
The Chart controls created from version 19 are animated by default.

Modifying or deleting the animation by programming

AnimationDuration is used to:

Find out and modify the duration of the animation in a Chart control.

// Increase timeout
CHART_MyChart.AnimationDuration = 2000
Canceling the animation of a Chart control. To do so, change the duration of the animation and give it a null value.

// Temporarily stops the animation
CHART_MyChart.AnimationDuration = 0

Related Examples:

Training (WINDEV): WD Chart

[ + ] This example presents the different uses of the Chart control.
Different types of charts are presented:
- Pie
- Sunburst
- Line
- Scatter
- Column
- Area
- etc.

The main features presented here are the possibility to customize of charts from the code, as well as to fill the chart from an HFSQL data file, or in the editor.

Unit examples (WINDEV): The Chart functions

[ + ] Using the main chart designer features of WINDEV:
- Create a Pie, Column or Line chart
- Define the display area of a chart
- Define the chart options (legend, percentage, ...)
- Draw a line on a chart