Animation of Chart control

WINDEV, WEBDEV AND WINDEV MOBILE
ONLINE HELP

Version:

Home | Sign in | English

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, Bar, 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 shows the different uses of the chart control.
The following charts are presented:
- Semi-circular
- Donut
- Pie
- Sunburst
- Line
- Scatter
- 3D Scatter
- Column
- Area
- Bubble
- Radar
- Funnel
- Surface
- Waterfall
- Composite
- Comparative

The main features presented in this example are the customization of charts by programming, as well as the method used to fill a chart from an HFSQL 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