PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • Characteristics of a Column chart
  • Additional characteristics
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
Overview
The data is interpreted as "bars" whose height is proportional to the value of data.
The column charts are used to represent the data trend over a given time period. They are also used to perform comparisons between elements.
The categories are organized horizontally and the values are organized vertically in order to highlight their variation in time.
Note: An horizontal Column chart is also available.
Versions 17 and later
iPhone/iPad This type of chart is now available for the iPhone/iPad applications.
New in version 17
iPhone/iPad This type of chart is now available for the iPhone/iPad applications.
iPhone/iPad This type of chart is now available for the iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App This type of chart is now available for the applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App This type of chart is now available for the applications in Windows Store apps mode.
Universal Windows 10 App This type of chart is now available for the applications in Windows Store apps mode.
Versions 19 and later
Android This type of chart is now available for the Android applications.
Android Only the Column and Stacked Column charts are available.
New in version 19
Android This type of chart is now available for the Android applications.
Android Only the Column and Stacked Column charts are available.
Android This type of chart is now available for the Android applications.
Android Only the Column and Stacked Column charts are available.
Versions 23 and later
PHP This type of chart is now available for the PHP sites.
New in version 23
PHP This type of chart is now available for the PHP sites.
PHP This type of chart is now available for the PHP sites.
Characteristics of a Column chart
Column chart
In this chart:
1. Values of data. This parameter is displayed if "Display the values" is checked:
  • WINDEVWINDEV MobileReports and Queries in the "Details" tab of the description of Chart control.
  • WEBDEV - Server code in the "Options" tab of the description of Chart control.
This parameter is displayed if "Display the values" is checked in the "Details" tab of the description of Chart control.
2. Title of vertical axis.
This parameter is displayed if the axis title was defined in the "General" tab of the description of Chart control. This parameter can also be defined by programming with grAxisTitle. A title can also be defined for the horizontal axis.
3. Mark on the vertical axis.
The mark is automatically calculated by default. The "General" tab of control description is used to:
  • define a specific mark.
  • define a scale on the X axis according to the time. This option operates with Date or DateTime data coming from a Table control or from a HFSQL item. This option cannot be used with a series filled by programming.
  • define a logarithmic scale on the Y axis.
  • specify the orientation of marks.
You also have the ability to use the secondary scale for one or more series ("Series" tab).
4. Chart title. The characteristics of chart title are typed:
  • WINDEVWINDEV MobileReports and Queries in the "Details" tab of control description ("Edit the chart title" button).
  • WEBDEV - Server code in the "Options" tab of control description ("Edit the chart title" button).
The characteristics of chart title are typed in the "Details" tab of control description ("Edit the chart title" button).
You have the ability to define the chart title as well as its position and style.
5. Legend. The legend characteristics are typed:
  • WINDEVWINDEV MobileReports and Queries in the "Details" tab of control description ("Edit the chart legend" button).
  • WEBDEV - Server code in the "Options" tab of control description ("Edit the chart legend" button).
The legend characteristics are typed in the "Details" tab of control description ("Edit the chart legend" button).
You have the ability to define its position and its style.
6. Labels of series.
The caption of the legend corresponds to the caption of the different series displayed in the chart (defined in the "Series" tab).
7. Color of series.
A color can be defined for each series in the "Series" tab of control description. An automatic color is used by default.
8. Category label.
The category labels can be defined in the "Series" tab of control description.
9. Spacing between the bars of column chart.
This spacing is defined in the "General" tab of control description.
10. Gridlines.
The horizontal and vertical gridlines can be defined in the "General" tab of control description.

Additional characteristics

  • Layout of bars in the column chart: the bars found in the column chart can be grouped, stacked or in depth ("General" tab of control description). The stacked column charts do not support the negative values.
  • During a display in 3 dimensions, you have the ability to use cylindrical bars.
  • WINDEV A zoom (horizontal and/or vertical) can be applied in a Column chart. In this case, a zoom can be performed in the chart by the user to view a data.
  • You also have the ability to display an image in chart background. This image is selected:
    • WINDEVWINDEV MobileReports and Queries In the "Details" tab of control description.
    • WEBDEV - Server code In the "Options" tab of control description.
    You also have the ability to display an image in chart background. This image is selected in the "Details" tab of control description.
  • You have the ability to use an image for the bars found in the column chart ("Series" tab in the description window of a chart).
  • You have the ability to define a specific color for the border of bars found in the column charts:
    1. Make sure that the border color is not automatic ("Automatic border colors" option in the "Details" tab of control description).
    2. In the "Style" tab, select the "Border color" element and select the requested color.
  • The "Style" tab is used to configure the style of several elements: color of gridlines and axes, font for the title and axes, ...
  • Versions 19 and later
    WINDEVWINDEV MobileiPhone/iPad The "Column" charts can be displayed with an animation. To animate this type of chart, all you have to do is check "Enable the animations" in the "Details" tab of control description.
    New in version 19
    WINDEVWINDEV MobileiPhone/iPad The "Column" charts can be displayed with an animation. To animate this type of chart, all you have to do is check "Enable the animations" in the "Details" tab of control description.
    WINDEVWINDEV MobileiPhone/iPad The "Column" charts can be displayed with an animation. To animate this type of chart, all you have to do is check "Enable the animations" in the "Details" tab of control description.
  • Stacked Column chart: By default, a tooltip displays the value of each series.
    Versions 22 and later
    You have the ability to display the total of the stack in addition to the total of each series by using grTooltip. Example:
    grTooltip(MySelf, grTooltipFormatCrosshairHeader, "[%CATEGORY%], Sum = [%VALUE%]")
    New in version 22
    You have the ability to display the total of the stack in addition to the total of each series by using grTooltip. Example:
    grTooltip(MySelf, grTooltipFormatCrosshairHeader, "[%CATEGORY%], Sum = [%VALUE%]")
    You have the ability to display the total of the stack in addition to the total of each series by using grTooltip. Example:
    grTooltip(MySelf, grTooltipFormatCrosshairHeader, "[%CATEGORY%], Sum = [%VALUE%]")
  • Versions 23 and later
    Data aggregation:
    • For the charts without time scale, the aggregation is not enabled by default.
    • For the charts with time scale, the default aggregation is the sum of bars.
    New in version 23
    Data aggregation:
    • For the charts without time scale, the aggregation is not enabled by default.
    • For the charts with time scale, the default aggregation is the sum of bars.
    Data aggregation:
    • For the charts without time scale, the aggregation is not enabled by default.
    • For the charts with time scale, the default aggregation is the sum of bars.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment