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