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
  • Overview
  • Type of chart and associated characteristics
  • X-axis and Y-axis
  • Marker and gridlines
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
In all the editors (window, page or report), the "General" tab of the Chart control description window allows you to define the global characteristics of the control.
Type of chart and associated characteristics
You can select the type of chart in the "General" tab.
The available options depend on the selected type of chart:
  • Sector / Doughnut / Hemicycle / Multi-level sector
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Start angle (in degrees): : Angle used for the beginning of the first section.
    • Show labels of categories: Used to display (or not) the category labels.
    • Size of hole (in percent): (Doughnut and multi-level sector only): Hole size displayed in center of graph.
    • Show percentages: Used to display the percentages of each section, by specifying the format used.
    • Explosion offset (in pixels): : Used to pull out the chart sections.
  • Column/Horizontal Column
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Layout: Bar arrangement: grouped, stacked or in depth. You also have the ability to use cylindrical bar (but not rectangular ones).
  • Line/Area/Scatter
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Smooth series: Used to smooth a chart via the "cubic splines" method.
      Android This option is not available.
    • Point size
    • Draw missing values: missing values may be ignored, not drawn or be represented as 0.
  • Bubble chart
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Size of bubbles (in percentage)
    • Show labels of categories: Used to display (or not) the category labels.
    • Allows you to specify what the series value represents: bubble area, bubble radius or bubble volume..
  • Surface:
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • X-axis rotation (degrees): Define the chart rotation.
    • Y-axis rotation (degrees): Define the chart rotation.
    • Z-axis rotation (degrees): Define the chart rotation.
    • Show mesh on the surface: Enables or disables the mesh on a Surface chart.
    • Rotate with the mouse (charts with less than 10 000 points): Enables (or not) the ability for the user to perform a chart rotation with the mouse.
  • Radar
    • Show gridlines: Enables (or not) the display of gridlines on the chart.
    • Show labels of categories: Used to display (or not) the category labels.
    • Size of points: Defines the size of points.
  • Funnel
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Neck width (%) / Neck height (%): funnel tip characteristics.
    • Hide first value: You have the ability to display (or not) the total value in the Funnel chart.
    • Show labels of categories: Used to display (or not) the category labels.
    • Spacing between the sections: : Spacing between the different funnel sections.
    • Portion size: Portion sizes can be:
      • Proportional to area: The value is symbolized by the area of the funnel portion.
      • Proportional to height: The value is symbolized by the height of the funnel portion.
  • Candlestick/Barchart/MinMax
    • Raised effect: Raised effect that can be applied to the chart. Depending on the charts, you have the ability to give a simple effect (by specifying the depth, in pixels) or a 3D effect.
      WEBDEV - Server codeAndroidPHP This option is not available.
    • Cylindrical bars (3D): Ability to use cylindrical bar (but not rectangular ones).
WINDEViPhone/iPad For a composite chart, you have the ability to define a type of chart associated with each series and to configure the display options of the series.
X-axis and Y-axis
It is possible to define the following elements for the X and Y axes:
  • Axis title: This title will be displayed along the X or Y axis..
  • Marks: If default scaling is selected, scaling will be calculated based on the data.. You have the ability to choose a value in the list or to enter your own value.
  • Orientation of X marks: Graduation labels can be oriented horizontally, vertically or automatically.. In this last case, the orientation is defined by taking the control size and the mark length into account.
  • Minimum and maximum axis values Extreme axis values. If these values correspond to "Default", they are defined from the data found in the different chart series. You can enter a value or select one of the proposed values.
  • Spacing of graduations on X axis in pixels: corresponds to spacing between column charts.
    Note: This option is not available in the report editor..
  • X-axis scale adapted to date/time (grAddTimeData): Allows use of a time scale.
    This option operates with Date or DateTime data coming from a Table control or from an HFSQL item. This option cannot be used with a series populated programmatically.
  • Y-axis scale format: Scale display mask.
  • Logarithmic scale
    Android This option is not available.
Marker and gridlines
You can use:
  • an orthonormal marker. The available options are as follows:
    • Non-orthonormal: the X and Y axes are graduated in different units..
    • Orthonormal (primary axis only): X and Y axes are graduated in the same units..
    • Orthonormal (primary and secondary axes): X and Y axes are graduated with the same units, as is the cross axis.
  • a horizontal and/or vertical gridlines.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 09/20/2024

Send a report | Local help