highlight-state, highlightState

[ root » graph » plot » highlight-state ]

To style how data points appear when the user hovers over the corresponding item in the legend. Depending on the chart type, this object is used with or in lieu of the "highlight-marker" object. Refer to the Plot/Series Styling Tutorial for more information.

Note: For legend highlight to work, you must add a "highlight" attribute to the "plot" object or a "highlight-plot" attribute to the "legend" object. Set the value to true.

AttributeTypeInfo

alpha

Numeric

Sets the transparency level of the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point.

0.3 | 0.4 | 0.9 | ...

background-color backgroundColor

String

Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)").

"none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ...

border-color borderColor

String

Sets the border color of the object.

"none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ...

border-width borderWidth

Numeric

Sets the border width of the object.

1 | 3 | | "6px" | ...

line-color lineColor

String

Sets the line color of the object.

"none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ...

line-style lineStyle

String

Sets the line style of the object.

"solid" | "dotted" | "dashed" | "dashdot"

line-width lineWidth

Numeric

Sets the line width of the object.

1 | 3 | | "6px" | ...