Vue Chart - legend.font

Specifies font options for the text displayed in the legend.

Type:

Object

color

Specifies a font color for the text displayed in the chart's legend.

Type:

String

Default Value: '#767676'

This option supports the following colors:

family

Specifies a font family for the text displayed in the legend.

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 a font opacity for the text displayed in the legend.

Type:

Number

Default Value: undefined

size

Specifies the font size of the legend's text.

Type:

Number

|

String

Default Value: undefined

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 legend items. Accepts values from 100 to 900 in increments of 100. Higher values increase boldness.

Type:

Number

Default Value: undefined