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.

AttributeTypeInfo

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