PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview of the Chart control
  • Creating a Chart control
  • Automatic sub-sampling
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 of the Chart control
The Chart control allows you to view a chart in your windows, pages and reports.
The available types of charts are as follows:
To find out about the features of each type of chart, see the corresponding help page.
Versions 20 and later
WEBDEV - Server code Note: From version 20, the Chart control of WEBDEV was enhanced: the drawing is vectorial and smooth. To benefit from the new charts, all you have to do is recompile and deploy the site.
New in version 20
WEBDEV - Server code Note: From version 20, the Chart control of WEBDEV was enhanced: the drawing is vectorial and smooth. To benefit from the new charts, all you have to do is recompile and deploy the site.
WEBDEV - Server code Note: From version 20, the Chart control of WEBDEV was enhanced: the drawing is vectorial and smooth. To benefit from the new charts, all you have to do is recompile and deploy the site.
Versions 16 and later
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
New in version 16
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
Versions 17 and later
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
New in version 17
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
iPhone/iPad This type of control is now available for the iPhone/iPad applications.
Versions 18 and later
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
New in version 18
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
iPhone/iPad This type of control is now available for the reports in the iPhone/iPad applications.
Universal Windows 10 App This type of control is now available for the applications in Windows Store apps mode.
Versions 19 and later
Android This type of control is now available for the Android applications.
New in version 19
Android This type of control is now available for the Android applications.
Android This type of control is now available for the Android applications.
Versions 21 and later
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode (in the windows and in the reports).
New in version 21
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode (in the windows and in the reports).
Universal Windows 10 App This type of control is now available in Universal Windows 10 App mode (in the windows and in the reports).
Versions 23 and later
PHP This type of control is now available for the PHP sites.
New in version 23
PHP This type of control is now available for the PHP sites.
PHP This type of control is now available for the PHP sites.
Creating a Chart control
To create a Chart control:
  1. In the window editor, page editor or report editor, click . You can also:
    • select "Insert .. Control .. Chart" in the window or page editor,
    • select "Insert .. New Control .. Chart" in the report editor.
  2. Click the position where the control must be created in the window, page or report. The wizard for creating a Chart control is automatically started.
To create a Chart control:
  • in a window or in a page:
    1. On the "Creation" pane, in the "Graphic controls" group, click "Chart".
    2. Click the position where the control will be created in the window or page. The wizard for creating a Chart control is automatically started.
      Versions 19 and later
      Tip: You also have the ability to create a Chart control directly by choosing its type: to do so, expand the "Chart" option on the "Creation" pane. The list of available types of charts is displayed. All you have to do is click the requested type of chart to create it in the editor.
      New in version 19
      Tip: You also have the ability to create a Chart control directly by choosing its type: to do so, expand the "Chart" option on the "Creation" pane. The list of available types of charts is displayed. All you have to do is click the requested type of chart to create it in the editor.
      Tip: You also have the ability to create a Chart control directly by choosing its type: to do so, expand the "Chart" option on the "Creation" pane. The list of available types of charts is displayed. All you have to do is click the requested type of chart to create it in the editor.
  • in a report:
    1. On the "Creation" pane, in the "Data" group, click "Chart".
    2. Click the position where the control will be created in the report. The wizard for creating a Chart control is automatically started.
Versions 20 and later
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
New in version 20
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
To display the control characteristics, select "Description" from the popup menu of control. See Chart control: Characteristics in the editor for more details.
Versions 23 and later

Automatic sub-sampling

When a chart contains a huge amount of data that becomes illegible, a sub-sampling is automatically performed.
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
Note: the sub-sampling is automatically performed. It can be disabled by grParameter.
New in version 23

Automatic sub-sampling

When a chart contains a huge amount of data that becomes illegible, a sub-sampling is automatically performed.
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
Note: the sub-sampling is automatically performed. It can be disabled by grParameter.

Automatic sub-sampling

When a chart contains a huge amount of data that becomes illegible, a sub-sampling is automatically performed.
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
At the top: a chart without sub-sampling. At the bottom: the same chart with sub-sampling
Note: the sub-sampling is automatically performed. It can be disabled by grParameter.
Related Examples:
WD Chart Training (WINDEV): WD Chart
[ + ] This educational example present different uses of the chart control.
The following charts are presented:
- Semi-circular
- Donut
- Pie
- Sunburst
- Line
- Scatter
- 3D Scatter
- Column
- Area
- Bubble
- Radar
- Funnel
- Surface
- Waterfall
- Composite

The main features presented in this example are the ability to customize the charts by programming as well as the method used to fill a chart from a HFSQL 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 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
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, ...)
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.
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.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment