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