ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / WLanguage / WLanguage functions / Controls, pages and windows / Chart functions
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
Chart management functions (prefix syntax)
WEBDEV - Server codeLinux Using the charts in WEBDEV Linux
To use the charts in WEBDEV 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 following functions are used to manage charts (prefixed syntax):
<Chart>.AddDataAdds a data into a chart.
<Chart>.AddTimeDataAdds data at a precise moment in a time chart.
<Chart>.AutoRefreshCategoryLabelIdentifies or defines whether the category labels are refreshed whenever the chart is drawn.
<Chart>.AutoRefreshSeriesIdentifies or defines whether a series is refreshed whenever the chart is drawn.
<Chart>.AxisPositionIndicates the position where one of the chart axes (X or Y-coordinates) will be drawn.
<Chart>.AxisTitleDefines the title of X-axis and the title of Y-axis in a chart.
<Chart>.AxisTitleFontModifies the font used for the titles of the chart axes.
<Chart>.AxisVisibleConfigures how the axes are displayed in Line or Column charts.
<Chart>.BarColorInitializes the color of a specific bar in a Column or Stacked Column chart.
<Chart>.CategoryColorInitializes the category color for a chart whose type is:
  • Pie,
  • Column,
  • Bubble chart,
  • Waterfall.
<Chart>.CategoryLabelInitializes the label of a data category (or section) in a chart.
<Chart>.ColorReturns and initializes the color of different chart elements.
<Chart>.ColumnAggregationDefines the algorithm for aggregating data in a grouped or stacked Column chart.
<Chart>.ColumnSpacingIndicates the spacing between each data category in a column chart or in a Minimum/Maximum stock chart.
<Chart>.ComparativeSeriesPositionFixes the position (left or right) of a series in a comparative Histogram chart.
<Chart>.DeleteAllErases a chart and destroys this chart.
<Chart>.DeleteSeriesDeletes a data series from a chart.
<Chart>.DonutHolePercentageModifies the percentage corresponding to the radius of the hole in a Donut chart.
<Chart>.DrawDraws a chart according to the specified parameters.
<Chart>.ExistChecks the existence of a chart in memory.
<Chart>.GetDataRetrieves a data from a chart.
<Chart>.GradientEnables or disables the display of color gradients in a chart.
<Chart>.GridLinesDisplays or hides the chart gridlines.
<Chart>.HMAddDataAdds a data into a Heatmap chart.
<Chart>.HMCaptionXModifies the caption of a category on the X-axis of a Heatmap chart.
<Chart>.HMCaptionYModifies the caption of a category on the Y-axis of a Heatmap chart.
<Chart>.HMColorSpecifies the colors of different values in a Heatmap chart.
<Chart>.HMDeleteColorDeletes the colors specified by <Chart>.HMColor from a Heatmap chart.
<Chart>.HMGetDataRetrieves data from a Heatmap chart.
<Chart>.HolePercentageModifies the percentage that corresponds the hole radius in the following charts:
  • Donut,
  • Radial Bar chart.
<Chart>.IncreaseDataAdds a value to a data in a chart.
<Chart>.InfoXYReturns information about the series found at a specific chart point.
<Chart>.IntervalIndicates the interval between values on the vertical and horizontal axis of a chart.
<Chart>.LabelIndicates various parameters of additional legend in a chart.
<Chart>.LabelFontModifies the font used for the category labels of a chart.
<Chart>.LegendIndicates the presence and position of legend in a chart.
<Chart>.LegendFontModifies the font used for the chart legend.
<Chart>.LineThicknessRetrieves and/or modifies the value of the line thickness in a Line chart.
<Chart>.LoadParameterRestores the parameters used to draw a chart.
<Chart>.MaskFormats the data displayed by <Chart>.Label or by <Chart>.Tooltip.
<Chart>.MenuDefines the type of context menu displayed by a chart.
<Chart>.MenuOptionModifies the text of an option in the context menu of a chart.
<Chart>.OrientationModifies the orientation of chart axes.
<Chart>.OriginModifies the start and end marks on one of the chart axes.
<Chart>.OverlayChartUsed to display two different types of charts in the same chart.
<Chart>.ParameterRetrieves or modifies a chart parameter.
<Chart>.Parameter3DSRetrieves or modifies a parameter for drawing a chart in 3D Spatial mode.
<Chart>.PiePullOutPulls out a section (or all sections) in a chart.
<Chart>.PieStartAngleIndicates the start angle of first section in a Pie chart, Semi-circular chart or Donut chart.
<Chart>.PointColorInitializes the color of a specific point in one of the following chart types:
  • Line,
  • Scatter,
  • Bubble chart.
<Chart>.PointInfoReturns the screen coordinates of a point or the screen coordinates of a value found in a chart.
<Chart>.PointSizeConfigures the size of a specific point in a Line or Scatter chart.
<Chart>.PointTypeModifies the shape of point for a specific category or value found in a Line, Area, Scatter and Radar chart.
<Chart>.PrintPrints a chart.
<Chart>.RaisedUsed to display a chart with raised effect.
<Chart>.RBAddDataAdds data to a Radial Bar chart.
<Chart>.RBMaximumValueSets the maximum value in a Radial Bar chart.
<Chart>.RBRotationDirectionSets the rotation direction in a Radial Bar chart.
<Chart>.RealTimeIntervalSets the time interval visible in a time chart with real-time display.
<Chart>.RotationTurns a Surface or Pyramid chart around one of its axes in order to better view the data
<Chart>.SaveBMPSaves a chart that was previously drawn in a file in BMP format.
<Chart>.SaveEMFSaves a chart that was drawn beforehand in a file in EMF format.
<Chart>.SaveParameterSaves the parameters of a chart in the format of a compressed string.
<Chart>.SaveWMFSaves a chart that was drawn beforehand in WMF format.
<Chart>.Scatter3DAddDataAdds a new point to display in a 3D Scatter chart.
<Chart>.Scatter3DAltitudeColorDefines the different colors used according to the altitude levels of a series found in a 3D Scatter chart.
<Chart>.Scatter3DDeleteAltitudeColorDeletes the altitude colors specified by <Chart>.Scatter3DAltitudeColor.
<Chart>.Scatter3DDeleteMarkCaptionDeletes the captions of marks found in a 3D Scatter chart
<Chart>.Scatter3DGridlinesDisplays the gridlines for the different planes of a 3D Scatter chart.
<Chart>.Scatter3DLinkPointLinks (or not) the points found in a "3D Scatter" chart.
<Chart>.Scatter3DMarkCaptionUsed to specify the mark caption for a 3D Scatter chart.
<Chart>.Scatter3DProjectionIndicates whether the points found in a series of a 3D Scatter chart must be be projected on a given plane.
<Chart>.ScatterAddDataXYAdds a data into a "Scatter" chart.
<Chart>.ScatterGetDataXYRetrieves data from a "Scatter" chart.
<Chart>.ScatterLinkPointLinks (or not) the points found in a "Scatter" chart.
<Chart>.ScatterPointSizeDefines the size of points in a "Scatter" chart.
<Chart>.ScatterSeriesColorInitializes the color of a series in a "Scatter" chart.
<Chart>.ScatterSeriesLabelInitializes the label of data series in a "Scatter" chart.
<Chart>.SeriesColorInitializes the color of a series or the color of a section.
<Chart>.SeriesLabelInitializes the label of a data series in a chart.
<Chart>.SeriesLineTypeModifies the type of line for a series found in a Line, Area, Scatter and Radar chart.
<Chart>.SeriesOpacityModifies the opacity factor of a series in a chart.
<Chart>.SeriesPointTypeModifies the type of point for a series found in a Line, Area, Scatter and Radar chart.
<Chart>.SeriesSecondaryAxisDefines whether a series will be drawn on the secondary axis.
<Chart>.SeriesTypeDefines the type of series used in a composite chart (chart containing several types of charts).
<Chart>.SmoothingSmoothes a Line chart or a Scatter chart by using the "cubic splines" algorithm.
<Chart>.SourceCategoryLabelDefines the source of the category labels.
<Chart>.SourceSeriesDefines the source of a series.
<Chart>.StartAngleSets the starting angle of the first section in the following types of chart:
  • Pie, Semi-circular or Donut.
  • Sunburst.
  • Radial Bar chart.
<Chart>.StockAddDataAdds data into a stock chart (candlestick, barcharts or minmax).
<Chart>.StockGetDataRetrieves a data from a stock chart (candlestick, barcharts or minmax).
<Chart>.SunburstAddDataAdds a data to a Sunburst chart.
<Chart>.SunburstGetDataRetrieves a numeric value from a Sunburst chart.
<Chart>.SunburstPullOutPulls out a section (or all the sections) in a Sunburst chart.
<Chart>.SunburstRootSectionChanges or specifies the path of the root in a Sunburst chart.
<Chart>.SunburstSectionColorChanges the color of a section in a Sunburst chart.
<Chart>.SunburstStartAngleSpecifies the starting angle of the first section in a Sunburst chart.
<Chart>.SurfaceAddDataAdds a data into a Surface chart.
<Chart>.SurfaceAltitudeColorDefines the color used for the altitude (Z axis) in a Surface chart.
<Chart>.SurfaceDeleteAltitudeColorDeletes the altitude colors specified by <Chart>.SurfaceAltitudeColor.
<Chart>.SurfaceDeleteMarkCaptionDeletes the captions of marks found in a Surface chart.
<Chart>.SurfaceGetDataRetrieves a data from a Surface chart.
<Chart>.SurfaceGridlinesDisplays the gridlines for the different planes of a Surface chart.
<Chart>.SurfaceMarkCaptionAllows you to specify the mark caption for a Surface chart.
<Chart>.SurfaceMeshEnables or disables the mesh on a Surface chart.
<Chart>.TimeLevelMaskDefines the display mask for a level of time scale in a chart.
<Chart>.TimeLevelMaxDefines the number of levels to display in the time scale of a chart as well as the maximum level.
<Chart>.TitleModifies the caption and/or position of the chart title.
<Chart>.TitleFontModifies the font used for the chart title.
<Chart>.TooltipDisplays and formats:
  • the tooltip associated with each section of a chart (section of a Pie chart, column of a Column chart, etc.). Also allows you to find out the characteristics of the tooltip associated with each chart section.
  • a custom tooltip, associated with a point.
<Chart>.TypeIdentifies or modifies the type of chart.
<Chart>.WaterfallCategoryTypeIndicates the category type of a Waterfall chart.
<Chart>.WaterfallColorIndicates the color for a type of category in a Waterfall chart.
<Chart>.ZoomDefines the zoom of a chart.
New in version 2024
.HistoTypeBarre
Defines the type of bar to be used in a histogram plot.
New in version 2024
.WaffleSize
Defines the number of rows and columns in a Waffle graph.
New in version 2024
.WaffleTypeCell
Defines the Geometry of cells in a Waffle graph.
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 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 (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, ...)
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 version required
  • Version 23
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 11/21/2023

Send a report | Local help