graph » options » multiGuide » close

close

[ root » graph » options » multiGuide » close]

Use the close object to style the close button on the handle of the multiguide.


AttributeTypeInfo
anchorString

Allows you to set the label's anchor position to the center of a chart.

Default value is "c"

"c"

background-color
backgroundColor
String

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

Default value is "#fff #ccc"

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

border-color
borderColor
String

Sets the border color of the object

Default value is "#333"

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

border-radius
borderRadius
Mixed

Sets the object's border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A single value will affect all 4 corners; multiple values will have separate effects on each corner, with the first value affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction.

A negative value will cut a corner off without rounding.

Default value is "3"

4 | "6px" | "6px 10px 3px 5px" | "-10px" | ...

border-width
borderWidth
Mixed

Sets the border width of the object

Default value is "1"

4 | "6px" | ...

colorString

Sets the object's font color. Similar to font-color.

Default value is "#000"

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

font-size
fontSize
Numeric

Sets the font size of the object.

Default value is "10"

12 | "20px" | ...

hover-state
hoverState
Object

Sets how the close item appears when a user hovers over it. Use the backgroundColor and fontColor attributes.

{...}

paddingMixed

Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first value affecting the top padding, the second value affecting the right padding, and so on, in a clockwise direction.

Default value is "0 4 2 4"

10 | "5px" | "10 20" | "5px 10px 15px 20px" | ...

shadowBoolean

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

Has limited effect on HTML5 implementation.

Default value is "true"

true | false | 1 | 0

textString

Sets the label text to be displayed on the close button

Default value is "x"

"close"

z-index
zIndex
Numeric

Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values.

Default value is "99"

5 | 10 | ...