ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Chart control
  • Overview
  • Chart appearance
  • Zoom and crosshair (not available in the reports)
  • Managing the zoom
  • Managing the crosshair
  • Title and legend
  • Animations and background image
  • Animations
  • Background image
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
Regardless of the editor (window, page or report), the "Details" tab found in the description window of Chart control is used to describe:
Chart appearance
The characteristics regarding the chart appearance are as follows:
  • Reduce jagged effects (Anti-aliasing): enables antialiasing if GDI+ is installed.
  • Realistic light effect: creates a light effect on the graph. If this option is checked, the bevel percentage is used to configure the inclination of light.
  • Automatic border colors: If this option is checked, series border colors are calculated automatically..
  • Gradient colors: Use gradient colors to display series.. The gradient is vertical by default but you have the ability to use a horizontal gradient.
  • Display the stacked labels as well: This option allows labels to overlap in Sector, Hemicycle and Doughnut graphs., ...
  • Display labels outside sections: This option allows labels to be placed outside the portions in Sector, Hemicycle, Doughnut type charts., ...
  • Show values: Displays values in addition to percentages in labels. You have the ability to define the display mask that will be used.
    The Show values vertically displays the values vertically.
Zoom and crosshair (not available in the reports)
WINDEV

Managing the zoom

Enabling the zoom allows the user to perform a zoom on the data displayed in the chart.
  • Allow horizontal zoom: enables zooming of values along horizontal axis only. The zoom scrollbar is placed below the control.
  • Allow vertical zoom: enables zooming of values along vertical axis only. The zoom scrollbar is placed on the right of control.
WINDEV

Managing the crosshair

The crosshair allows the user to precisely know the pointed value. For more details, see Crosshair in a chart.
The crosshair is enabled via "Enable chart crosshair".
The "Multiple crosshair (stacked lines and columns)" option allows using multiple crosshairs in Line or Column charts.
Note: The crosshairs are available for the following graph types: Area, Bubble, Curve, Column chart, MinMax, Radar and Waterfall.
Title and legend
The title and the legend can be configured in a Chart control.
The "Edit chart title" button is used to display the chart title description window . This window is used to:
  • Type (if necessary) the chart title.
  • Configure its positioning. If a manual positioning is selected, you have the ability to move the title area in the editor.
  • Configure the style used to display the chart title.
The "Edit chart legend" button is used to display the chart legend description window. This window is used to:
  • Define the positioning of legend.
    This positioning can be automatic or manual.
    If a manual positioning is selected, you can:
    • move the legend area in the editor.
    • choose the position of captions (in rows or in columns)
    • adapt the legend size to the content
  • Define the legend's aspect: A rounded frame can be used for the legend..
  • Defin the style of legend (font, ...).
Animations and background image
WINDEV

Animations

Some charts can be animated.
WINDEV For the 2D charts, you have the ability to enable (or not) the animations.
WINDEV For the 3D charts, several options can be configured:
  • Zoom in,
  • Progressive drawing,
  • Rotation,
  • Progressive colors.
For more details, see Animation of Chart control.

Background image

The background image will be displayed in chart background.
WINDEV The 9-slice scaling mode can be used for this image.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 10/04/2024

Send a report | Local help