graph » scroll-x, scroll-y » bar

bar

[ root » graph » scroll-x, scroll-y » bar ]

Sets the styling for the bar portion of the scrollbar. Use the bar 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
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-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" | ...

heightMixed

X-Axis Scrollbar only: Sets the object's height.

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

widthMixed

Y-Axis Scrollbar only: Sets the object's width.

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