PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
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
Versions 15 and later
WEBDEV - Server codeLinux Using the charts in WEBDEV Linux
To use the charts in WEBDEV 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
New in version 15
WEBDEV - Server codeLinux Using the charts in WEBDEV Linux
To use the charts in WEBDEV 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
WEBDEV - Server codeLinux Using the charts in WEBDEV Linux
To use the charts in WEBDEV 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
The following functions are used to manage the charts:
Related Examples:
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.
WD Age Pyramid Training (WINDEV): WD Age Pyramid
[ + ] The "WD Age Pyramid" example explains how to create an "Age Pyramid" chart from two histograms.

It proposes an "Age Pyramid" control template that overloads the main "gr" functions of WLanguage.

This control template can be easily reused in your own projects,
while adapting it (adding functions, modifying functions, …) according to your own requirements.
The example also presents two uses of the control template, two age pyramids, with different settings.
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 (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 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 (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, ...)
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.
Minimum required version
  • Version 9
This page is also available for…
Comments
Windev Mobile - Tabela e Grafico
https://youtu.be/h7ellv_iZoo
amarildo
Oct. 26 2018
Video Grafico Webdev com Tabela
https://youtu.be/rnnj2--Bgtw
amarildo
Oct. 26 2018
Video Grafito com Tabela
https://youtu.be/7Pvbgqvp4ws
amarildo
Jul. 09 2018
A more close to life example of creating a chart and modify its data
Add a Chart control to your Window/ Page,
Once the data is in the table the magic begins

grDeleteSeries(CHART_X) //Delete any data

FOR j=1 TO 12 //Description for every column below the chart
grCategoryLabel(CHART_X,j,SWITCH(j,"Jan", "Feb", "Mar", "Apr", "May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"))
END

//Descriptions of the columns, this shows up to the right of the chart
grSeriesLabel(CHART_X,1,"Sunny")
grSeriesLabel(CHART_X,2,"Rainy")

//The info is in a 3 column memory table: Months, Col_Sunny, Col_Rainy
FOR EACH ROW OF TABLE_X
//Add the value to the first column of the chart
grAddData(CHART_X,1, TABLE_X.COL_Sunny)
//Add the value to the second column of the chart
grAddData(CHART_X,2, TABLE_X.COL_Rainy)

END

//Change the Title of the chart
CHART_X..Title = "New title Year [" + NumToString(theyear) +"]"

grRaised(CHART_X, EDT_3d) //Add an extra 3d Effect
grDraw(CHART_X) //Actually draw the chart
Diego Sanchez
Jul. 31 2017