ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Chart control
  • Overview
  • Chart populated programmatically
  • Remarks
  • Special case
  • Chart control in a window or in a page based on a Table control built by BuildBrowsingTable
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
The data that will be displayed in the Chart control can come from:
  • an item of a data file or a query.
  • a column of a Table control found in the current window or page.
    PHP Not available.
  • a List Box control found in the current window or page.
    PHP Not available.
  • a WLanguage array.
    PHP Not available.
  • data specified in the description window of the control or through programming.
  • a control of the current report (only for a report).
The mode for filling the chart is specified in the wizard for control creation and in the control description window ("Series" tab).
Chart populated programmatically
The programming required to fill the chart is performed by the following functions:
grAddDataAdds a data into a chart.
grHMAddDataAdds a data into a Heatmap chart.
grIncreaseDataAdds a value to a data in a chart.
grScatterAddDataXYAdds a data into a "Scatter" chart.
grStockAddDataAdds data into a stock chart (candlestick, barcharts or minmax).
grSunburstAddDataAdds a data to a Sunburst chart.
grSurfaceAddDataAdds a data into a Surface chart.
For example:
  • Chart control in a window or page:
    The "CHART_MySalary" Chart control is used to view the evolution of a salary over the last four years in a Line chart.
    The "EDT_Salary1", "EDT_Salary2", "EDT_Salary3" and "EDT_Salary4" edit controls are used to type the salary for the corresponding year.
    In this example, write the following code in the "Initializing" event of the Chart control:
    // Add data into the chart
    grAddData(CHART_MySalary, 1, EDT_Salary1)
    grAddData(CHART_MySalary, 1, EDT_Salary2)
    grAddData(CHART_MySalary, 1, EDT_Salary3)
    grAddData(CHART_MySalary, 1, EDT_Salary4)
  • Chart control in a report:
    The "RPT_MyReport" report prints the details (last name, first name, turnover) of the 10 best customers.
    The "CHART_MyChart" chart displays the turnover of each customer in a pie chart.
    In this example, write the following code in the "Before printing" event of the Body block:
    // Add data into the chart
    grAddData(CHART_MyChart, 1, MySource.Turnover)

Remarks

Special case
WINDEV

Chart control in a window or in a page based on a Table control built by BuildBrowsingTable

If you are creating a new chart whose source is a Table control filled by BuildBrowsingTable from a query, you must specify that the columns correspond to _COL1, _COL2, ...
You can also use grSourceSeries to modify the source of the series.
Minimum version required
  • Version 14
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 01/26/2023

Send a report | Local help