ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Chart control / Types of charts
  • Overview
  • Characteristics of a Pyramid chart
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
Pyramid charts allow you to view data in descending order. Each section represents a percentage of the lower section. For example, the first section represents the percentage of Web users who fill their shopping cart, the second section represents the percentage of those users who have validated their shopping cart and who enter their contact information, etc.
As its name suggests, it is represented in the form of a pyramid.
Characteristics of a Pyramid chart
Pyramid chart
In this chart:
1. Chart title. The characteristics of the chart title can be defined in the "Details" tab of the control description ("Edit chart title").
You can define the chart title, its position and style.
2. First value. You can show or hide the total value in the Pyramid chart. To avoid displaying this value, all you have to do is check "Hide first value" ("General" tab in the description window).
3. Legend. The characteristics of the legend can be defined in the "Details" tab of the control description ("Edit chart legend").
You can define its position and its style.
4. Category label. The category labels are displayed in the legend. The category labels can be defined in the "Series" tab of the control description. The source of the category labels can correspond to a table column, a WLanguage array, a list, ...
The category labels can also be directly displayed in each section of the pyramid. To do so, select "Show labels of categories" in the "General" tab of the control description window.
5. Color of sections. The color of the sections is defined automatically. To modify the color of sections, use grSeriesColor and specify the section number.
6. Gradient colors. You can define the appearance of the chart in the "Details" tab of the description window. The following options are available:
  • Reduce jagged effects (Anti-aliasing).
  • Automatic border colors.
  • Gradient colors (with possibility of horizontal gradient).
Other characteristics:
  • Spacing between sections. Spacing between sections can be defined by "Spacing between the sections: " ("General" tab of the control description window) or by grColumnSpacing.
  • Size of sections. The "General" tab in the control description window (or grParameter) is used to choose the size of the sections:
    • Proportional to area: The value is symbolized by the area of the portion of the pyramid.
    • Proportional to height: The value is symbolized by the height of the portion of the pyramid..
  • The graph can be oriented: simply define the angle of rotation along the various axes in the "General" tab of the control description window.. A chart can also be oriented programmatically with grOrientation.
Minimum version required
  • Version 24
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 09/30/2024

Send a report | Local help