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

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

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