item-off, itemOff

[ root » history » item-off ]

The history object as a whole provides a simple way to navigate through drilldown charts. Modifying the itemOff:{} object allows you to style the inactive navigation arrows.

AttributeTypeInfo
alphaNumericSets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal.

0.3 | 0.9 | ...

background-color backgroundColorStringSets the background color of the object. Colors can be entered by name (e.g. "red", "blue", "yellow"), in hexadecimal notation (e.g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)").

One color will set a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use gradient-colors and gradient-stops.

"none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ...

background-color-1 backgroundColor1StringSets the first color of a 2 color background gradient of the object. To be used with background-color-2.

"none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ...

background-color-2 backgroundColor2StringSets the second color of a 2 color background gradient of the object. To be used with background-color-1.

"none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ...

background-fit backgroundFitStringSets the direction/s on which the background image is being "stretched".

"x" | "y" | "xy"

background-image backgroundImageStringSets a background image for the object. Value can be a local file or a web image's location.

"image.png" | ...

background-position backgroundPositionStringSets the position of the background when the background-repeat value is no-repeat.

"0 0" | "50 100" | "80% 60%" | ...

background-repeat backgroundRepeatStringSets the repeating mode for the background image.

"no-repeat" | "repeat" | "repeat-x" | "repeat-y"

border-color borderColorStringSets the border color of the object, applicable on closed shapes. See also line-color for closed shapes.

"none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ...

border-width borderWidthMixedSets the border width of the object, applicable on closed shapes. See also line-width for closed shapes.

4 | "6px" | ...

fill-angle fillAngleNumericSets the angle of the axis along which the linear gradient is drawn.

-45 | 115 | ...

fill-offset-x fillOffsetXMixedSets an X offset to apply to the fill.

4 | "6px" | ...

fill-offset-y fillOffsetYMixedSets an Y offset to apply to the fill.

4 | "6px" | ...

fill-type fillTypeStringSets the background gradient fill type to either linear or radial.

"linear" | "radial"

gradient-colors gradientColorsStringSets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops.

"#f00 #0f0 #00f" | ...

gradient-stops gradientStopsStringSets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors.

"0.1 0.5 0.9" | ...

shadowBooleanSets whether the object's shadow is visible or not.

Has limited effect on HTML5 implementation.

true | false | 1 | 0

shadow-alpha shadowAlphaNumericSets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal.

0.3 | 0.9 | ...

shadow-angle shadowAngleNumericSets the angle of the shadow underneath the object.

-45 | 115 | ...

shadow-blur shadowBlurMixedSets the blur effect size for the shadow of the object.

Has limited effect on HTML5 implementation.

4 | "6px" | ...

shadow-color shadowColorStringSets the color of the shadow of the object.

"none" | "transparent" | "#f00" | "#f00 #00f" | "red yellow" | "rgb(100, 15, 15)" | ...

shadow-distance shadowDistanceMixedSets the distance between the shadow and the object.

4 | "6px" | ...