ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Chart control
  • Overview
  • Chart control in a window
  • Chart in Android: Limitations
  • Chart control in a page
  • Chart control in a report
  • Chart control in a report
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 type of chart displayed in the Chart control, all its characteristics can be configured via its description window.
This window is available in the page, window and report editors. This page presents:
WINDEVUniversal Windows 10 AppAndroidiPhone/iPad
Chart control in a window
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab).
  • Characteristics of X and Y axes ("General" tab).
  • Display of gridlines ("General" tab).
  • Appearance and zoom ("Details" tab).
  • Display of crosshair ("Details" tab). For more details, see Crosshair in a chart.
  • Title and legend of chart ("Details" tab). Remark: The window editor also allows you to directly position the chart elements in the editor. For more details, see Handling a chart in the editor.
  • Background image ("Details" tab).
  • 3D animation ("Details" tab).
  • 2D animation ("Details" tab), for most charts (Area, Bubble, Line, Donut, Semi-circular, Column, MinMax, Radar, Pie Waterfall). For more details, see Animation of Chart control.
  • Characteristics of series ("Series" tab). For more details, see Mode for filling the Chart controls.
  • 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:
WINDEV At runtime, a context menu allows the end user to modify the chart presentation.
For more details, see Handling the Chart controls at runtime.
Android

Chart in Android: Limitations

In Android, some limitations must be noticed:
  • Only Help, Line, Column and Pie charts are available.
  • 3D charts are not available.
  • 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 Chart controls are available.
  • The charts have no tooltip.
  • The charts have no popup menu.
  • The Pie charts have no depth effect, no 3D effect and no color gradient.
  • Zoom is not available.
  • The crosshair is not available.
  • Composite charts are not available.
WEBDEV - Server codePHP
Chart control in a page
The Chart control in a WEBDEV page is an Ajax control.
The characteristics of the Chart control are defined directly in the description window:
  • 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).
    Remark: The page editor also allows you to directly position the chart elements in the editor. For more details, see Handling a chart in the editor.
  • 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). For more details, see Mode for filling the Chart controls.
  • Action associated with the control during the click on the control ("Details" tab).
  • 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 animations: this option is used to animate the chart when it is drawn. For more details, see Animation of Chart control
    • Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. For more details, see Crosshair in a chart.
  • 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 runtime, a context menu allows end users to modify the chart presentation.
For more details, see Chart controls handled by final users.
PHP Remark: Only Interactive Chart controls are available in PHP.
WINDEVWEBDEV - Server codeReports and QueriesiPhone/iPad
Chart control in a report

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.
  • data different from the ones displayed in the report. This data can be defined through programming, come from a WLanguage array, be defined in the control description window, etc.
From version 17, Chart controls have evolved and are now similar to the controls available in windows and pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" in the context menu of the control.
iPhone/iPad Only Charts controls that have been updated or created from version 17 are available in reports.
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).
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Layout ("Details" tab)
  • Title and legend of chart ("Details" tab)
  • Background image ("Details" tab)
  • Characteristics of series ("Series" tab). For more details, see Mode for filling the Chart controls.
For more details about the different options found in the tabs, see:
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 07/17/2023

Send a report | Local help