The Chart control: Characteristics in the editor

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Controls

Chart control

Types of charts

The Chart control: Characteristics in the editor

Overview

Chart control in a window

Chart control in a page

Chart control in a report

See also

The Chart control: Characteristics in the editor

Overview

Regardless of the type of chart displayed in the Chart control, all its characteristics can be configured via its description window.

This window is available in the window editor, in the page editor or in the report editor. This page presents:

Characteristics of Chart control in a window.
Characteristics of Chart control in a page.
Characteristics of Chart control in a report.

Versions 23 and later

The Chart control is now available for the PHP sites.

New in version 23

The Chart control is now available for the PHP sites.

The Chart control is now available for the PHP sites.

Chart control in a window

The characteristics of Chart control are entered in the description window of Chart control:

Type of chart ("General" tab).
Characteristics of X and Y axes ("General" tab).
Display of gridlines ("General" tab).
Appearance and zoom ("Details" tab).
Versions 20 and later
Display of crosshair ("Details" tab). See Crosshair in a chart for more details.
The crosshair is not available.
New in version 20
Display of crosshair ("Details" tab). See Crosshair in a chart for more details.
The crosshair is not available.
Display of crosshair ("Details" tab). See Crosshair in a chart for more details.
The crosshair is not available.
Title and legend of chart ("Details" tab). Note: The window editor also allows you to directly position the chart elements in the editor. See Handling a chart in the editor for more details.
Background image ("Details" tab).
3D animation ("Details" tab).
Versions 19 and later
2D animation ("Details" tab), for most charts (Area, Bubble, Line, Donut, Semi-circular, Bar, MinMax, Radar, Pie Waterfall). See Animation of Chart control for more details.
This feature is not available.
New in version 19
2D animation ("Details" tab), for most charts (Area, Bubble, Line, Donut, Semi-circular, Bar, MinMax, Radar, Pie Waterfall). See Animation of Chart control for more details.
This feature is not available.
2D animation ("Details" tab), for most charts (Area, Bubble, Line, Donut, Semi-circular, Bar, MinMax, Radar, Pie Waterfall). See Animation of Chart control for more details.
This feature is not available.
Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).

For more details about the different options found in the tabs, see:

At run time, a popup menu allows the end user to modify the chart presentation.

See Handling the Chart controls at run time for more details.

Chart in Windows Mobile: Limitations

In Windows Mobile, some limitations must be noticed:

The 3D charts are not available.
The donut charts and the semi-circular charts are not available.
The charts cannot be printed.
The charts cannot be displayed in a window or saved in EMF or WMF format.
The charts have no tooltip.
The charts have no popup menu.
The Pie charts have no depth effect, no raised effect and no color gradient.
The zoom is not available.
Versions 20 and later
The crosshair is not available.
New in version 20
The crosshair is not available.
The crosshair is not available.
Versions 22 and later
The composite charts are not available.
New in version 22
The composite charts are not available.
The composite charts are not available.

Versions 19 and later

Chart in Android: Limitations

In Android, some limitations must be noticed:

Only the Help, Line, Column and Pie charts are available.
The 3D charts are not available.
The semi-circular charts are not available.
The charts cannot be printed.
The charts cannot be displayed in a window, an Image control or saved in EMF or WMF format. Only the Chart controls are available.
The charts have no tooltip.
The charts have no popup menu.
The Pie charts have no depth effect, no raised effect and no color gradient.
The zoom is not available.
Versions 20 and later
The crosshair is not available.
New in version 20
The crosshair is not available.
The crosshair is not available.
Versions 22 and later
The composite charts are not available.
New in version 22
The composite charts are not available.
The composite charts are not available.

The Chart controls cannot be linked to a table column.

New in version 19

Chart in Android: Limitations

In Android, some limitations must be noticed:

Only the Help, Line, Column and Pie charts are available.
The 3D charts are not available.
The semi-circular charts are not available.
The charts cannot be printed.
The charts cannot be displayed in a window, an Image control or saved in EMF or WMF format. Only the Chart controls are available.
The charts have no tooltip.
The charts have no popup menu.
The Pie charts have no depth effect, no raised effect and no color gradient.
The zoom is not available.
Versions 20 and later
The crosshair is not available.
New in version 20
The crosshair is not available.
The crosshair is not available.
Versions 22 and later
The composite charts are not available.
New in version 22
The composite charts are not available.
The composite charts are not available.

The Chart controls cannot be linked to a table column.

Chart in Android: Limitations

In Android, some limitations must be noticed:

Only the Help, Line, Column and Pie charts are available.
The 3D charts are not available.
The semi-circular charts are not available.
The charts cannot be printed.
The charts cannot be displayed in a window, an Image control or saved in EMF or WMF format. Only the Chart controls are available.
The charts have no tooltip.
The charts have no popup menu.
The Pie charts have no depth effect, no raised effect and no color gradient.
The zoom is not available.
Versions 20 and later
The crosshair is not available.
New in version 20
The crosshair is not available.
The crosshair is not available.
Versions 22 and later
The composite charts are not available.
New in version 22
The composite charts are not available.
The composite charts are not available.

The Chart controls cannot be linked to a table column.

Chart control in a page

The Chart control in a WEBDEV page is an Ajax control.

The characteristics of Chart control are entered in the description window of Chart control:

Type of chart ("General" tab)
Characteristics of X and Y axes ("General" tab)
Display of gridlines ("General" tab)
Appearance and toolbar ("Options" tab). You have the ability to display a toolbar allowing the Web user to modify the chart aspect.
Title and legend of chart ("Options" tab).
Note: The page editor also allows you to directly position the chart elements in the editor. See Handling a chart in the editor for more details.
Background image ("Options" tab). The background image can also be defined in the "Style" tab (used in some special cases)
Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
Versions 16 and later
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
New in version 16
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).

The characteristics of Chart control are entered in the description window of Chart control:

Type of chart ("General" tab)
Characteristics of X and Y axes ("General" tab)
Display of gridlines ("General" tab)
Appearance and toolbar ("Details" tab). You have the ability to display a toolbar allowing the Web user to modify the chart aspect.
Title and legend of chart ("Details" tab).
Note: The page editor also allows you to directly position the chart elements in the editor. See Handling a chart in the editor for more details.
Background image ("Details" tab). The background image can also be defined in the "Style" tab (used in some special cases)
Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details
Action associated with the control during the click on the control ("Details" tab).
Versions 20 and later
Interactivity of chart ("Details" tab)
If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
This allows you to manage additional options:
- Enable the animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
- Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
New in version 20
Interactivity of chart ("Details" tab)
If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
This allows you to manage additional options:
- Enable the animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
- Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
Interactivity of chart ("Details" tab)
If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
This allows you to manage additional options:
- Enable the animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
- Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
Versions 16 and later
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
New in version 16
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).

For more details about the different options found in the tabs, see:

At run time, a toolbar allows the Web user to modify the chart presentation.

See Chart controls handled by the Web user for more details.

Versions 23 and later

Note: Only the Interactive Chart controls are available in PHP.

New in version 23

Note: Only the Interactive Chart controls are available in PHP.

Note: Only the Interactive Chart controls are available in PHP.

Chart control in a report

A chart printed in a report can represent:

the entire data displayed in the report: the report contains a single chart.
the data per break: the report contains as many charts as the number of breaks.
the global sums of the different breaks: the report contains a single chart.

You also have the ability to print a chart only (without printing the source data). In this case, the block containing the data is not displayed ("Visible" is unchecked in the "Details" tab of the block description).

Several methods can be used to create a chart in a report:

creating a Chart control
creating a Chart report.
creating a Table + Chart report

The characteristics of Chart control are entered in the description window of Chart control:

Type of chart ("General" tab)
Captions and titles of the axes ("General" tab)
Options for the type of chart ("General" tab)
Gridlines, marks, legend ("Details" tab)
Type of fill ("Fill" tab). See Mode for filling the Chart controls for more details.
Characteristics of series ("Series" tab).

Chart control in a report

A chart printed in a report can represent:

the entire data displayed in the report: the report contains a single chart.
the data per break: the report contains as many charts as the number of breaks.
the global sums of the different breaks: the report contains a single chart.
Versions 17 and later
data different from the ones displayed in the report. This data can be defined by programming, can come from a WLanguage array, can be defined in the description window of the control, ...
New in version 17
data different from the ones displayed in the report. This data can be defined by programming, can come from a WLanguage array, can be defined in the description window of the control, ...
data different from the ones displayed in the report. This data can be defined by programming, can come from a WLanguage array, can be defined in the description window of the control, ...

Versions 17 and later
From version 17, the Chart controls have evolved and they are now similar to the controls available in the windows and in the pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.

Versions 18 and later