ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
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
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 the area: The value is symbolized by the area of the pyramid section.
    • Proportional to the height: The value is symbolized by the height of the pyramid section.
  • The chart can be oriented: All you have to do is define the rotation angle according to the different 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: 05/25/2023

Send a report | Local help