PC SOFT

ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
This content has been translated automatically. Click here to view the French version.
  • Overview
  • The different types of charts
  • How to create charts?
  • Creating charts in the editors
  • Creating charts by programming
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
To include charts in your applications or in your sites, WINDEV, WEBDEV and WINDEV Mobile include:
The charts are used to efficiently view numeric data.
Versions 17 and later
iPhone/iPad This feature is now available for iPhone/iPad applications.
New in version 17
iPhone/iPad This feature is now available for iPhone/iPad applications.
iPhone/iPad This feature is now available for iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App This feature is now available for applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App This feature is now available for applications in Windows Store apps mode.
Universal Windows 10 App This feature is now available for applications in Windows Store apps mode.
Versions 19 and later
Android This feature is now available for android applications. The Chart controls are available.
New in version 19
Android This feature is now available for android applications. The Chart controls are available.
Android This feature is now available for android applications. The Chart controls are available.
Versions 23 and later
PHP This feature is now available for PHP sites. The interactive Chart controls are available.
New in version 23
PHP This feature is now available for PHP sites. The interactive Chart controls are available.
PHP This feature is now available for PHP sites. The interactive Chart controls are available.
Versions 15 and later
WINDEVWEBDEV - Server codeLinux Using charts in WEBDEV Linux and in WINDEV Linux
To use the charts in Linux, the QT library (Core and GUI) version 4.5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
To use the charts in Linux, the QT library (Core and GUI) version 5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore5
sudo apt-get install libqtgui5
New in version 15
WINDEVWEBDEV - Server codeLinux Using charts in WEBDEV Linux and in WINDEV Linux
To use the charts in Linux, the QT library (Core and GUI) version 4.5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
To use the charts in Linux, the QT library (Core and GUI) version 5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore5
sudo apt-get install libqtgui5
WINDEVWEBDEV - Server codeLinux Using charts in WEBDEV Linux and in WINDEV Linux
To use the charts in Linux, the QT library (Core and GUI) version 4.5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
To use the charts in Linux, the QT library (Core and GUI) version 5 (or later) must be installed.
In Ubuntu, this library can be installed with the following commands:
sudo apt-get install libqtcore5
sudo apt-get install libqtgui5
The different types of charts
The types of charts available are as follows:
How to create charts?

Creating charts in the editors

The window editor, page editor and report editor include a Chart control. When creating this control, the wizards ask you questions to define the type of chart to create. The description window of the control allows you to modify these options at any time.
The WLanguage functions can also be used to modify the charts displayed in the Chart controls. To do so, specify the name of the Chart control in the different functions.
See The Chart control for more details.

Creating charts by programming

WINDEV, WEBDEV and WINDEV Mobile include several functions for handling charts. These functions allow you to create the charts, to modify them, to change the display options...
For more details, see:
Versions 19 and later
Android You cannot create charts by programming. Only Chart controls are available.
New in version 19
Android You cannot create charts by programming. Only Chart controls are available.
Android You cannot create charts by programming. Only Chart controls are available.
Versions 23 and later
PHP You cannot create charts by programming. Only the interactive Chart controls are available.
New in version 23
PHP You cannot create charts by programming. Only the interactive Chart controls are available.
PHP You cannot create charts by programming. Only the interactive Chart controls are available.
Related Examples:
WD Chart Training (WINDEV): WD Chart
[ + ] This example presents the different uses of the Chart control.
Different types of charts are presented:
- Pie
- Sunburst
- Line
- Scatter
- Column
- Area
- etc.

The main features presented here are the possibility to customize of charts from the code, as well as to fill the chart from an HFSQL data file, or in the editor.
WD Drawing on Chart Training (WINDEV): WD Drawing on Chart
[ + ] This example is based on an internal component used to draw elements on a chart control:
- Min/Max areas
- Various areas
- Flags
- Plots and trackers
...
The Chart control Unit examples (WINDEV): The Chart control
[ + ] Using the Chart control of WINDEV.
The chart control is used to directly edit the data that will be displayed in the chart.
This data can come from a table column, a list box, a WLanguage array. It can also be filled by programming.
The Chart control (click management) Unit examples (WINDEV): The Chart control (click management)
[ + ] Customizing the click on a Pie chart.
Here, the section clicked by the user is pulled out by the application.
To implement this behavior, all you have to do is use grInfoXY (to identify the section clicked) and grPiePullOut (to pull out the section).
WD Reports Training (WINDEV): WD Reports
[ + ] This example presents the different methods for creating a report:

- prints based on different data sources (queries, variables, ...)
- prints based on controls (Table, Spreadsheet, PVT, ...)
- printing composite reports
- specific prints (portrait/landscape, report with watermark, report with bar code, ...)
WD Loan Complete examples (WINDEV): WD Loan
[ + ] The power of WINDEV and the ease-of-use of WLanguage have allowed us to develop this application within a single day!

This example is used to simulate loans and to:
- calculate the amount of the monthly repayments from the amount borrowed
- calculate the amount that can be borrowed from a given monthly repayment
- calculate the income of an investment from a monthly payment

For each case, you have the ability to view the amortization table corresponding to your parameters.
The Chart functions 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
The Chart functions Unit examples (WEBDEV): The Chart functions
[ + ] This example presents the main features of the chart designer of WEBDEV and it allows you to:
- Create a chart: Pie, Column or Line
- Define the display area of a chart
- Define the options of the chart (legend, percentage, ...)
The Chart control Unit examples (WINDEV Mobile): The Chart control
[ + ] Using the Chart control to display different types of charts:
- Pie (or pie chart)
- Line
- Column chart
- Area
Pocket Click on Chart Mobile (WINDEV Mobile): Pocket Click on Chart
[ + ] The "Pocket Click on Chart" example proposes a solution for pulling out the sections of a pie chart via a simple user click.

This example includes a control template named "TPLC_PullOutChart". This control template is used to enable the pulling out of a chart section via a simple click.

To make this feature available in another application, all you have to do is import the control template named "TPLC_PullOutChart".
WM Click on Chart Cross-platform examples (WINDEV Mobile): WM Click on Chart
[ + ] The "WM Click on Chart" example proposes a solution for pulling out the sections of a Pie chart via a simple click.
This example includes a control template named "TPLC_PullOutChart". This control template is used to pull out the chart sections via a simple click.
To include this feature in another application, all you have to do is import the "TPLC_PullOutChart" template.
The Chart functions Unit examples (WINDEV Mobile): The Chart functions
[ + ] Using the Chart functions:
- create a Pie, Column or Line chart by programming
- define the chart options (legend, percentage, ...)
See also
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment