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

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

height

Mixed

Sets the object's height.

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

width

Mixed

Sets the object's width.

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