label

[ root » graph » scale-y » label ]

Use the label object to customize the scale title for scaleY. Refer to the X/Y-Axis Scales Tutorial for more information.

AttributeTypeInfo

alpha

Numeric

Sets 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. In the scale-x / scale-y label. See the red text. Works for output flash.

0.3 | 0.9 | ...

angle

Numeric

Sets the rotation angle of the object/shape. In the scale-x / scale-y label. See the red text. Works for output canvas and svg.

-45 | 115 | ...

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)"). In the scale-x / scale-y label. See the red text.

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

background-color-1 backgroundColor1

String

Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. See the red text. Works for output canvas and svg.

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

background-color-2 backgroundColor2

String

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

String

Sets the direction/s on which the background image is being "stretched".

"x" | "y" | "xy"

background-image backgroundImage

String

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

"image.png" | ...

background-position backgroundPosition

String

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

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

background-repeat backgroundRepeat

String

Sets the repeating mode for the background image.

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

bold

Boolean

Sets whether the text is displayed with bold characters or not in the scale-x / scale-y label. See the red text.

true | false | 1 | 0

border-bottom borderBottom

String

Sets the object's bottom border style. Accepts solid, dashed, and dotted styles.

"2px solid #f00" | ...

border-color borderColor

String

Sets 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-left borderLeft

String

Sets the object's left border style. Accepts solid, dashed, and dotted styles.

"2px solid #f00" | ...

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, while 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.

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

border-radius-bottom-left borderRadiusBottomLeft

Mixed

Sets the object's bottom-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding.

4 | "6px" | "-6px" | -4 | ...

border-radius-bottom-right borderRadiusBottomRight

Mixed

Sets the object's bottom-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding.

4 | "6px" | "-6px" | -4 | ...

border-radius-top-left borderRadiusTopLeft

Mixed

Sets the object's top-left border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding.

4 | "6px" | "-6px" | -4 | ...

border-radius-top-right borderRadiusTopRight

Mixed

Sets the object's top-right border radius, for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding.

4 | "6px" | "-6px" | -4 | ...

border-right borderRight

String

Sets the object's right border style. Accepts solid, dashed, and dotted styles.

"2px solid #f00" | ...

border-top borderTop

String

Sets the object's top border style. Values must include the border width, style, and color. Accepts solid, dashed, and dotted styles.

"2px solid #f00" | ...

border-width borderWidth

Mixed

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

4 | "6px" | ...

callout

Boolean

Sets whether an object will have a callout arrow or not.

true | false | 1 | 0

callout-extension calloutExtension

Mixed

Sets the length of the extension that extends beyond the tip of the callout arrow.

4 | "6px" | ...

callout-height calloutHeight

Mixed

Sets the height of the object's callout arrow. A larger value will create a taller callout arrow.

4 | "6px" | ...

callout-hook calloutHook

Array

Sets the point of the tip of the callout arrow to a specified coordinate on the chart, with the starting point of [0,0] being the top left corner of the chart.

[200, 50] | ...

callout-offset calloutOffset

Mixed

Sets the offset along the callout direction of the arrow's base. Positive and negative values can be used to offset the callout arrow up, down, left, or right depending on the callout-position.

4 | "6px" | ...

callout-position calloutPosition

String

Sets the position for the object's callout arrow. The position is "bottom" by default.

"top" | "right" | "bottom" | "left"

callout-width calloutWidth

Mixed

Sets the width of the object's callout arrow. A larger value will create a wider callout arrow.

4 | "6px" | ...

clip-text clipText

Boolean

Cuts off extra text. Use with width. For the scale-x / scale-y label. See the red text.

true | false | 1 | 0

color

String

Sets the object's font color. Similar to font-color. For the scale-x / scale-y label. See the red text.

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

fill-angle fillAngle

Numeric

Sets the angle of the axis along which the linear gradient is drawn. For the scale-x / scale-y label. See the red text.

-45 | 115 | ...

fill-offset-x fillOffsetX

Mixed

Sets an X offset to apply to the fill. For the scale-x / scale-y label. See the red text.

4 | "6px" | ...

fill-offset-y fillOffsetY

Mixed

Sets an Y offset to apply to the fill. For the scale-x / scale-y label. See the red text.

4 | "6px" | ...

fill-type fillType

String

Sets the background gradient fill type to either linear or radial. For the scale-x / scale-y label. See the red text.

"linear" | "radial"

font-angle fontAngle

Numeric

Sets the object's font angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value will rotate the object by that number of degrees counter-clockwise. Similar to angle.

-45 | 115 | ...

font-color fontColor

String

Sets the object's font color. Similar to color. For the scale-x / scale-y label. See the red text.

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

font-family fontFamily

String

Sets the text's font family. For the scale-x / scale-y label. See the red text.

"Arial" | "Tahoma,Verdana" | ...

font-size fontSize

Mixed

Sets the text's font size. For the scale-x / scale-y label. See the red text.

4 | "6px" | ...

font-style fontStyle

String

Sets the text's font style. Similar to italic. For the scale-x / scale-y label. See the red text.

"none" | "italic" | "oblique"

font-weight fontWeight

String

Sets the text's font weight. Similar to bold. For the scale-x / scale-y label. See the red text.

"normal" | "bold"

gradient-colors gradientColors

String

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

String

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

height

Mixed

Sets the object's height. For the scale-x / scale-y label. See the red text. Works with output canvas and svg.

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

italic

Boolean

Sets whether the text is displayed with italic characters or not. For the scale-x / scale-y label. See the red text.

true | false | 1 | 0

lock-rotation lockRotation

Boolean

If set to 'true', scale labels will lock in place and not rotate based upon the viewing angle in 3D charts.

max-chars maxChars

Numeric

Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before the text is cut and appended with "...". For the scale-x / scale-y label. See the red text.

5 | 10 | ...

max-width maxWidth

Mixed

Sets the maximum width of the text box. If text is longer than the max-width value, it will overlap the box or will wrap if wrap-text is set to true.

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

offset-x offsetX

Mixed

Sets an X offset to apply when positioning the object/shape.

4 | "6px" | ...

offset-y offsetY

Mixed

Sets a Y offset to apply when positioning the object/shape.

4 | "6px" | ...

padding

Mixed

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.

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

padding-bottom paddingBottom

Mixed

Sets the object's bottom padding around the text.

4 | "6px" | ...

padding-left paddingLeft

Mixed

Sets the object's left padding around the text.

4 | "6px" | ...

padding-right paddingRight

Mixed

Sets the object's right padding around the text.

4 | "6px" | ...

padding-top paddingTop

Mixed

Sets the object's top padding around the text.

4 | "6px" | ...

rtl (right-to-left)

Boolean

Renders text right-to-left. Default value is false.

true | false | 1 | 0

text

String

Sets the text content of the object.

"Some Text" | ...

text-align textAlign

String

Sets the text's horizontal alignment relative to the object's box.

"left" | "center" | "right"

text-alpha textAlpha

Numeric

Sets the text's transparency independent of the object's transparency. Value must be between 0.0 and 1.0, with 0.0 being 100% transparent and 1.0 being 100% opaque. The leading 0 before the decimal is required.

0.3 | 0.9 | ...

text-decoration textDecoration

String

Sets the text's decoration. Similar to underline. For output canvas and flash.

"none" | "underline"

underline

Boolean

Sets whether the text is displayed with underlined characters or not. For output canvas and flash.

true | false | 1 | 0

visible

Boolean

Sets the visibility of the object. For the label. Used with output canvas and svg.

true | false | 1 | 0

width

Mixed

Sets the object's width.

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

wrap-text wrapText

Boolean

Sets whether the text will wrap, depending on the width of the object.

true | false | 1 | 0