graph » preview » handle

handle

[ root » graph » preview » handle ]

Sets the styling for the handle portions of the preview chart. Use the handle-left, handle-right, handle-top, and/or handle-bottom object(s) in the preview object. To apply the same styling to all of the handles, use the handle object. 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
alphaNumeric

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-color
borderColor
String

Sets the border color of the object.

"none" | "transparent" | "purple" | "#33ccff" | "rgb(100, 15, 15)" | ...

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

border-width
borderWidth
Numeric

Sets the border width of the object.

1 | 3 | | "6px" | ...

heightMixed

Sets the object's height.

10 | "20px" | 0.3 | "30%" | ...

widthMixed

Sets the object's width.

10 | "20px" | 0.3 | "30%" | ...