horizontalLine

Specifies the appearance of the horizontal crosshair line.

Type: Object|Boolean

Within this object you can specify the appearance of the horizontal 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 horizontalLine field.

Show Example:
jQuery

In this example, the horizontal 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 horizontal 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 horizontal crosshair line is colored in darkslategray.


                                    

                                    

dashStyle

Specifies a dash style for the horizontal 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 horizontal crosshair line.
  • longDash
    Displays the horizontal crosshair line using long dashes.
  • dash
    Displays the horizontal crosshair line using dashes.
  • dot
    Displays the horizontal crosshair line using dots.
  • Any combination of 'longDash', 'dash' and 'dot'
    Displays the horizontal crosshair line by repeating the specified combination. For instance, 'dashdotdash'.
Show Example:
jQuery

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


                                    

                                    

opacity

Specifies the opacity of the horizontal crosshair line.

Type: Number
Default Value: undefined

Show Example:
jQuery

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


                                    

                                    

visible

Specifies whether or not to show the horizontal crosshair line.

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

Show Example:
jQuery

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


                                    

                                    

width

Specifies the width of the horizontal crosshair line.

Type: Number
Default Value: 1

Show Example:
jQuery

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