Home | Sign in | English EN
This content has been translated automatically. Click here to view the French version.
  • Overview
  • Implementation
  • Crosshair in a Chart control
  • Modifying the multiple crosshair by programming
  • Configuring the crosshair options by programming
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Stored procedures
In a Line chart, it may be difficult to read the value of axes for a point that is far from these axes.
Via the new crosshair included in all charts, the end user precisely knows the pointed value.
All charts with axes automatically benefit from the crosshair.
The user hovers a point in the chart and the crosshair is displayed!
Crosshair on a line
If the vertical crosshair crosses several lines, the value is displayed for each intersection: it is the multiple crosshair.
Multiple crosshairs
For a multiple crosshair, the tooltip header can be customized.
Versions 23 and later
PHP This feature is now available for PHP sites.
New in version 23
PHP This feature is now available for PHP sites.
PHP This feature is now available for PHP sites.

Crosshair in a Chart control

The crosshair is available by default for all Chart controls created from version 20.
To display a crosshair in a Chart control:
  1. Open the Chart control description window.
  2. In the "Details" tab:
    • WEBDEV - Server codePHP in the "Interactivity" area, check (if necessary) "Interactive chart" then check "Enable the chart crosshair".
      The "Multiple crosshair" option allows you to get a multiple crosshair in the Line or Column charts.
      PHP Only the interactive Chart controls are available in PHP.
  3. Validate the control description window.
  • The crosshair is available for the following types of charts: Area, Bubble, Line, Column, MinMax, Radar and Waterfall.
  • WEBDEV - Server codePHP The crosshair characteristics can be defined in the "Style" tab of Chart control: color, opacity and thickness.

Modifying the multiple crosshair by programming

By default, the multiple crosshair displays:
  • in header, the category name.
  • the content of different tooltips for the points corresponding to the crosshair.
It is possible to modify the head of the bubble in the test pattern thanks to the grTooltip function used with the constant grTooltipFormatCrosshairHeader.
For example:
grTooltip(CHART_Chart1, grTooltipFormatCrosshairHeader, "Category: [%CATEGORY%]")

Configuring the crosshair options by programming

The crosshair has the following characteristics by default:
  • color based on the color of gridlines in the Chart control.
  • thickness: 1 pixel.
  • opacity: entirely opaque crosshair.
These characteristics can be modified by the following properties:
Versions 20 and later
New in version 20
The Property Color Mire allows to know and modify the Color of an Chart control test pattern .
Versions 20 and later
New in version 20
The Property OpacityMire allows to know and modify the opacity of the Chart control test pattern.
Versions 20 and later
New in version 20
The CrosshairThickness property is used to determine and change the thickness of the crosshair in a Chart control.

Related Examples:
WD Chart Training (WINDEV): WD Chart
[ + ] This example presents the different uses of the Chart control.
Different types of charts are presented:
- Pie
- Sunburst
- Line
- Scatter
- Column
- Area
- etc.

The main features presented here are the possibility to customize of charts from the code, as well as to fill the chart from an HFSQL data file, or in the editor.
Minimum version required
  • Version 20
This page is also available for…
Click [Add] to post a comment