graph » plot » highlight-state

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
alphaNumeric

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