graph » series » highlight-state
highlight-state, highlightState
[ root » graph » series » 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
.
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" | ... |