ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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)
  • Title and legend
  • Animations and background image
  • Background image
  • Interactivity
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
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:
  • WEBDEV - Server codePHP Toolbar: This option is used to configure the display of toolbar associated with the Chart control. This toolbar allows the user to define the display characteristics of the chart. The "..." button is used to define the different options proposed in the toolbar.
  • Reduce jagged effects (Anti-aliasing): allows you to use the antialiasing if GDI+ is installed.
  • Realistic light effect: allows you to use a light effect on the chart. If this option is checked, the bevel percentage is used to configure the inclination of light.
    PHP This option is not available.
  • Automatic border colors: If this option is checked, the colors for the border of series are automatically calculated.
  • Gradient colors: Allows you to use gradient colors in the display of 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 the labels to be stacked in the Pie, Semi-circular and Donut charts, ...
  • Display labels outside sections: This option allows the labels to be positioned outside the sections in the Pie, Semi-circular and Donut charts, ...
  • Show values: Used to display the values in addition to percentages in the 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)
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 row or in column)
    • adapt the legend size to the content
  • Define the aspect of legend: A rounded border can be used for the legend.
  • Defin the style of legend (font, ...).
Animations and background image

Background image

The background image will be displayed in chart background.
WEBDEV - Server codePHP You can define:
  • the image location.
  • its display mode.
WEBDEV - Server codePHP
Interactivity
The interactivity of the Chart control is used to enable:
  • the animations
  • the chart crosshair.
    Reminder: The crosshair allows the user to precisely know the pointed value. For more details, see Crosshair in a chart.
Remarks:
  • In order for the interactivity to be real, this feature must be supported by the browser used.
  • PHP Only the interactive Chart controls are available.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 05/26/2022

Send a report | Local help