graph » zoom » label
zoom label
[ root » graph » zoom » label ]
Zooming labels allow users to select their zoom area more precisely. To display them, make sure to set the visible attribute to true in the label object. The zooming labels display the selected area's node indexes and values, and you can style the background, borders, padding, and font. Refer to the Zooming, Scrollbar, and Preview Chart 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" | ... |
| font-color fontColor | String | Sets the font color of the object text. "none" | "transparent" | "purple" | "#33ccff" | ... |
| font-family fontFamily | String | Sets the font family of the object text. "Courier" | "Georgia" | "Verdana" | ... |
| font-size fontSize | String | Sets the font size of the object text. 12 | "20px" | ... |
| font-style fontStyle | String | Sets the font style of the object text. "normal" | "italic" |
| font-weight fontWeight | String | Sets the font weight of the object text. "normal" | "bold" |
| padding | Numeric | Sets the padding around the object text. "10%" | "25px" ... |
| visible | Boolean | Sets the visibility of the object. true | false | 1 | 0 |