graph » legend » highlight-state
highlight-state, highlightState
[ root » graph » legend » highlight-state ]
To style how the legend appears when the user hovers over the corresponding item in the legend.
Related Docs: To style how the nodes 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.
Attribute | Type | Info |
---|---|---|
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" | ... |
type | String | The type of the marker object to render. square | circle | diamond | triangle | star5 | star6 | star7 | star8 | rpoly5 | gear5 | gear6 | gear7 | gear8 |