handle
[ root » graph » scroll-x, scroll-y » handle ]
Sets the styling for the handle portion of the scrollbar. Use the "handle" object in the "scroll-x" and/or "scroll-y" object(s). Refer to the Zooming, Scrollbar, and Preview Chart Tutorial for more information.
Note: Make sure the "zooming" attribute is set to true in the "scale-x" and/or "scale-y" object(s). You can also specify the starting and ending values that the chart will zoom to by default with the "zoom-to" or "zoom-to-values" array.
| 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-bottom borderBottom | Mixed | Sets the styling for the bottom border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a string. "1px solid green" | "3px dotted purple" | ... |
border-left borderLeft | Mixed | Sets the styling for the left border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a string. "1px solid green" | "3px dotted purple" | ... |
border-radius borderRadius | Mixed | Sets the border radius (rounded corners) of the object. The higher the value, the more rounded the corners appear. 4 | "6px" | "6px 10px 3px 5px" | "-10px" | ... |
border-right borderRight | Mixed | Sets the styling for the right border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a string. "1px solid green" | "3px dotted purple" | ... |
border-top borderTop | Mixed | Sets the styling for the top border. Provide border width, line style (solid, dotted, dashed, dashdot), and border color in a string. "1px solid green" | "3px dotted purple" | ... |
height | Mixed | X-Axis Scrollbar only: Sets the object's height. 10 | "20px" | 0.3 | "30%" | ... |
width | Mixed | Y-Axis Scrollbar only: Sets the object's width. 10 | "20px" | 0.3 | "30%" | ... |