verticalLine

Specifies the appearance of the vertical crosshair line.

Type: Object|Boolean

Within this object you can specify the appearance of the vertical crosshair line. If you need to change only the visibility of the line rather than the other options, you can assign true or false directly to the verticalLine field.

Show Example:
jQuery

In this example, the vertical crosshair line is colored in darkseagreen and displayed in the dashdot dash style. In addition, the opacity of this crosshair line is changed to 0.85.


                                    

                                    

color

Specifies a color for the vertical crosshair line.

Type: String
Default Value: '#c6c6c6'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the vertical crosshair line is colored in indianred.


                                    

                                    

dashStyle

Specifies a dash style for the vertical crosshair line.

Type: String
Default Value: 'solid'
Accepted Values: 'solid'|any combination of 'longDash', 'dash', 'dot'

The following values are available.

  • solid
    Displays a solid, continuous vertical crosshair line.
  • longDash
    Displays the vertical crosshair line using long dashes.
  • dash
    Displays the vertical crosshair line using dashes.
  • dot
    Displays the vertical crosshair line using dots.
  • Any combination of 'longDash', 'dash' and 'dot'
    Displays the vertical crosshair line by repeating the specified combination. For instance, 'dashdotdash'.
Show Example:
jQuery

In this example, the vertical crosshair line is displayed in the longDashdot dash style.


                                    

                                    

opacity

Specifies the opacity of the vertical crosshair line.

Type: Number
Default Value: undefined

Show Example:
jQuery

In this example, the vertical crosshair line is displayed with the opacity set to 0.8.


                                    

                                    

visible

Specifies whether to show the vertical crosshair line or not.

Type: Boolean
Default Value: true
Accepted Values: true|false

Show Example:
jQuery

Toggle the check box below to change the visibility of the vertical crosshair line.


                                    

                                    

width

Specifies the width of the vertical crosshair line.

Type: Number
Default Value: 1

Show Example:
jQuery

In this example, the vertical crosshair line is displayed with a 3-pixel width.