source

[ root » graph » source ]

Places a text label on a chart to indicate a data source. By default, the source will appear in the bottom right corner of a chart.

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. In this case, the alpha is applied to the background of the object. To affect the alpha of text, use text-alpha.

0....1

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"

boldBooleanFor source, bold is the default.

true | false | 1 | 0

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

"2px solid #f00" | ...

border-color borderColorStringRequires border-width.

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

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

"2px solid #f00" | ...

border-radius borderRadiusMixedRequires border-width and defaults to black if there is no border-color specified.

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

border-radius-bottom-left borderRadiusBottomLeftMixedSets 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 borderRadiusBottomRightMixedSets 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 borderRadiusTopLeftMixedSets 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 borderRadiusTopRightMixedSets 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 borderRightStringSets the object's right border style. Accepts solid, dashed, and dotted styles.

"2px solid #f00" | ...

border-top borderTopStringSets 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 borderWidthMixedSets the border width of the object, applicable on closed shapes. See also line-width for closed shapes.

4 | "6px" | ...

calloutBooleanRequires border-width.

true | false | 1 | 0

callout-extension calloutExtensionMixedSets the length of the extension that extends beyond the tip of the callout arrow.

4 | "6px" | ...

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

4 | "6px" | ...

callout-hook calloutHookArraySets 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 calloutOffsetMixedSets 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 calloutPositionStringSets the position for the object's callout arrow. The position is "bottom" by default.

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

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

4 | "6px" | ...

clip-text clipTextBooleanTruncates text based on the setting of width.

true | false | 1 | 0

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

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

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

-45 | 115 | ...

fill-offset-x fillOffsetXMixedWorks with fill-angle to position gradient.

4 | "6px" | ...

fill-offset-y fillOffsetYMixedWorks with fill-angle to position gradient.

4 | "6px" | ...

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

"linear" | "radial"

font-angle fontAngleNumericSets 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 fontColorStringSets the object's font color. Similar to color.

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

font-family fontFamilyStringSets the text's font family.

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

font-size fontSizeMixedSets the text's font size.

4 | "6px" | ...

font-style fontStyleStringSets the text's font style. Similar to italic.

"none" | "italic" | "oblique"

font-weight fontWeightStringSets the text's font weight. Similar to bold.

"normal" | "bold"

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

heightMixedSets the object's height.

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

italicBooleanSets whether the text is displayed with italic characters or not.

true | false | 1 | 0

itemStringSets the item id of the map on which the object/shape is being added.

"itemid" | ...

mapStringSets the map id of the map on which the object/shape is being added.

"mapid" | ...

marginMixedMargin is set from top-left of the chart.

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

margin-bottom marginBottomMixedSets the object's bottom margin.

4 | "6px" | ...

margin-left marginLeftMixedSets the object's left margin.

4 | "6px" | ...

margin-right marginRightMixedSets the object's right margin.

4 | "6px" | ...

margin-top marginTopMixedSets the object's top margin.

4 | "6px" | ...

max-chars maxCharsNumericSets 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 "..."

5 | 10 | ...

max-width maxWidthMixedSets 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 offsetXMixedSets an X offset to apply when positioning the object/shape.

4 | "6px" | ...

offset-y offsetYMixedSets a Y offset to apply when positioning the object/shape.

4 | "6px" | ...

paddingMixedSets 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 paddingBottomMixedSets the object's bottom padding around the text.

4 | "6px" | ...

padding-left paddingLeftMixedSets the object's left padding around the text.

4 | "6px" | ...

padding-right paddingRightMixedSets the object's right padding around the text.

4 | "6px" | ...

padding-top paddingTopMixedSets the object's top padding around the text.

4 | "6px" | ...

positionStringSets the object's position relative to it's container. Similar results can be obtained by setting marginand margin-... attributes. For source, applying width may also make this more apparent.

"50 75" | "50px 75px"

rtl (right-to-left)BooleanRenders text right-to-left. Default value is false.

true | false | 1 | 0

shadowBooleanFor source, this may require position in order to be visible.

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

textStringSets the text content of the object.

"Some Text" | ...

text-align textAlignStringSets the text's horizontal alignment relative to the object's box.

"left" | "center" | "right"

text-alpha textAlphaNumericSets 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 textDecorationStringSets the text's decoration to use underlined characters. Similar to underline.

May not display properly in Mozilla Firefox when charts are rendered using SVG.

"none" | "underline"

underlineBooleanSets whether the text is displayed with underlined characters or not. Similar to text-decoration.

May not display properly in Mozilla Firefox when charts are rendered using SVG.

true | false | 1 | 0

vertical-align verticalAlignStringSets the text's vertical alignment to one of the three applicable values, relative to the object's box.

"top" | "middle" | "bottom"

visibleBooleanSets the visibility of the object. Allows you to turn off the object without removing lines of JSON.

true | false | 1 | 0

widthMixedSets the object's width.

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

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

true | false | 1 | 0

xMixedNegative values move the object left from the left edge of the chart.

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

yMixedPositive values move the object down from the top of the chart.

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

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

5 | 10 | ...