PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Chart control in a page
  • Chart control in a report
  • 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 window editor, in the page editor or in the report editor. This page presents:
Versions 23 and later
PHP The Chart control is now available for the PHP sites.
New in version 23
PHP The Chart control is now available for the PHP sites.
PHP The Chart control is now available for the PHP sites.
WEBDEV - Server codePHP
Chart control in a page
The Chart control in a WEBDEV page is an Ajax control.
The characteristics of Chart control are entered in the description window of Chart control:
  • Type of chart ("General" tab)
  • Characteristics of X and Y axes ("General" tab)
  • Display of gridlines ("General" tab)
  • Appearance and toolbar ("Options" tab). You have the ability to display a toolbar allowing the Web user to modify the chart aspect.
  • Title and legend of chart ("Options" tab).
    Note: 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 ("Options" 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.
  • 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).
The characteristics of Chart control are entered in the description window of Chart control:
  • 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).
    Note: 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 the 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 the 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 the 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 run time, a toolbar allows the Web user to modify the chart presentation.
See Chart controls handled by the Web user for more details.
Versions 23 and later
PHP Note: Only the Interactive Chart controls are available in PHP.
New in version 23
PHP Note: Only the Interactive Chart controls are available in PHP.
PHP Note: Only the 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.
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).
Several methods can be used to create a chart in a report:
The characteristics of Chart control are entered in the description window of Chart control:
  • Type of chart ("General" tab)
  • Captions and titles of the axes ("General" tab)
  • Options for the type of chart ("General" tab)
  • Gridlines, marks, legend ("Details" tab)
  • Type of fill ("Fill" tab). See Mode for filling the Chart controls for more details.
  • Characteristics of series ("Series" tab).

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, can come from a WLanguage array, can be defined in the description window of the control, ...
    New in version 17
    data different from the ones displayed in the report. This data can be defined by programming, can come from a WLanguage array, can be defined in the description window of the control, ...
    data different from the ones displayed in the report. This data can be defined by programming, can come from a WLanguage array, can be defined in the description window of the control, ...
Versions 17 and later
From version 17, the Chart controls have evolved and they are now similar to the controls available in the windows and in the pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.
New in version 17
From version 17, the Chart controls have evolved and they are now similar to the controls available in the windows and in the pages. To take this evolution into account in the report editor, select "Upgrade the Chart control" from the popup menu of the control.
From version 17, the Chart controls have evolved and they are now similar to the controls available in the windows and in the 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 Chart control are entered in the description window of Chart control:
  • 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