PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview
  • Chart control in a page
  • Chart control in a report
  • Chart control in a report
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
Regardless of the type of chart displayed in the Chart control, all its characteristics can be configured via its description window.
This window is available in the page, window and report editors. This page presents:
Versions 23 and later
PHP Chart controls are now available for PHP sites.
New in version 23
PHP Chart controls are now available for PHP sites.
PHP Chart controls are now available for PHP sites.
WEBDEV - Server codePHP
Chart control in a page
The Chart control in a WEBDEV page is an Ajax control.
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Appearance and toolbar ("Details" tab). You have the ability to display a toolbar allowing the Web user to modify the chart aspect.
  • Title and legend of chart ("Details" tab).
    Remark: The page editor also allows you to directly position the chart elements in the editor. See Handling a chart in the editor for more details.
  • Background image ("Details" tab). The background image can also be defined in the "Style" tab (used in some special cases)
  • Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
  • Action associated with the control during the click on the control ("Details" tab).
  • Versions 20 and later
    Interactivity of chart ("Details" tab)
    If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
    This allows you to manage additional options:
    • Enable animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
    • Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
    New in version 20
    Interactivity of chart ("Details" tab)
    If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
    This allows you to manage additional options:
    • Enable animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
    • Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
    Interactivity of chart ("Details" tab)
    If "Interactive chart" is checked, if the browser supports it, the chart reacts when it is hovered by the mouse cursor. For example, in a Pie chart, the hovered section is automatically pulled out, the clicked section is positioned at the bottom of chart, the value selected in the legend is made invisible, ...
    This allows you to manage additional options:
    • Enable animations: this option is used to animate the chart when it is drawn. See Animation of Chart control for more details
    • Enable the chart crosshair: this option is used to display a crosshair when the chart is hovered by the mouse cursor. See Crosshair in a chart for more details.
  • Versions 16 and later
    Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
    New in version 16
    Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
    Appearance of different chart elements: caption, color of axes, color of gridlines, ... ("Style" tab).
For more details about the different options found in the tabs, see:
At runtime, a toolbar allows the Web user to modify the chart presentation.
For more details, see Chart controls handled by the Web user.
Versions 23 and later
PHP Remark: Only Interactive Chart controls are available in PHP.
New in version 23
PHP Remark: Only Interactive Chart controls are available in PHP.
PHP Remark: Only Interactive Chart controls are available in PHP.
WEBDEV - Server code
Chart control in a report

Chart control in a report

A chart printed in a report can represent:
  • the entire data displayed in the report: the report contains a single chart.
  • the data per break: the report contains as many charts as the number of breaks.
  • the global sums of the different breaks: the report contains a single chart.
  • Versions 17 and later
    data different from the ones displayed in the report. This data can be defined by programming, come from a WLanguage array, be defined in the control description window, etc.
    New in version 17
    data different from the ones displayed in the report. This data can be defined by programming, come from a WLanguage array, be defined in the control description window, etc.
    data different from the ones displayed in the report. This data can be defined by programming, come from a WLanguage array, be defined in the control description window, etc.
Versions 17 and later
From version 17, Chart controls have evolved and are now similar to the controls available in windows and pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.
You also have the ability to print a chart only (without printing the source data). In this case, the block containing the data is not displayed ("Visible" is unchecked in the "Details" tab of the block description).
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Layout ("Details" tab)
  • Title and legend of chart ("Details" tab)
  • Background image ("Details" tab)
  • Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
For more details about the different options found in the tabs, see:
New in version 17
From version 17, Chart controls have evolved and are now similar to the controls available in windows and pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.
You also have the ability to print a chart only (without printing the source data). In this case, the block containing the data is not displayed ("Visible" is unchecked in the "Details" tab of the block description).
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Layout ("Details" tab)
  • Title and legend of chart ("Details" tab)
  • Background image ("Details" tab)
  • Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
For more details about the different options found in the tabs, see:
From version 17, Chart controls have evolved and are now similar to the controls available in windows and pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.
You also have the ability to print a chart only (without printing the source data). In this case, the block containing the data is not displayed ("Visible" is unchecked in the "Details" tab of the block description).
The characteristics of the Chart control are defined directly in the description window:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Layout ("Details" tab)
  • Title and legend of chart ("Details" tab)
  • Background image ("Details" tab)
  • Characteristics of series ("Series" tab). See Mode for filling the Chart controls for more details.
For more details about the different options found in the tabs, see:
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment