Vue Chart - crosshair.horizontalLine.label.font

Specifies font options for the label of the horizontal crosshair line.

Type:

Object

color

Specifies a font color for the label of the horizontal crosshair line.

Type:

String

Default Value: '#FFFFFF'

This option supports the following colors:

NOTE
To color the background of the label, use the label.backgroundColor option.

family

Specifies a font family for the label of the horizontal crosshair line.

Type:

String

Default Value: '"Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif'

For details on acceptable values, refer to the Font family article.

opacity

Specifies how transparent the text of the label that belongs to the horizontal crosshair line should be.

Type:

Number

Default Value: undefined

This option accepts a value from 0 to 1, where 0 makes the text completely transparent, and 1 makes it opaque.

size

Specifies the font size of the horizontal crosshair line's label.

Type:

Number

|

String

Default Value: 12

A numeric value specifies the font size in pixels. A string value can specify the font size in any units listed here, but multi-line text only supports length units.

weight

Specifies a font weight for the label of the horizontal crosshair line. Accepts values from 100 to 900 in increments of 100. Higher values increase boldness.

Type:

Number

Default Value: 400