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: '#f78119'

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'|'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.


                                    

                                    

label

Configures the label that belongs to the horizontal crosshair line.

Type: Object

The label of the horizontal crosshair line indicates the argument of the series point currently focused by the crosshair pointer. The argument is indicated on the argument axis.

To make the label of the horizontal crosshair line visible, assign true to the label | visible field. Additionally, you can change the color of the label's background using the backgroundColor option and specify the font settings of the label's text using the font object.

The options of the crosshair | horizontalLine | label object configure only the label that belongs to the horizontal crosshair line. The same options may be specified for both the labels at once using the label object declared straight in the crosshair object.

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

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.